/* NexCore SupportDesk CSS Foundation - import map */

@import url("core/variables.css?v=20260701-unsaved-modal-wide");
@import url("legacy/discord-panel.legacy.css?v=20260701-unsaved-modal-wide");
@import url("core/reset.css?v=20260701-unsaved-modal-wide");
@import url("core/layout.css?v=20260701-unsaved-modal-wide");
@import url("components/cards.css?v=20260701-unsaved-modal-wide");
@import url("components/buttons.css?v=20260701-unsaved-modal-wide");
@import url("components/forms.css?v=20260701-unsaved-modal-wide");
@import url("components/tables.css?v=20260701-unsaved-modal-wide");
@import url("components/preview.css?v=20260701-unsaved-modal-wide");
@import url("pages/dashboard.css?v=20260714-dashboard-344");
@import url("pages/wizard.css?v=20260701-unsaved-modal-wide");
@import url("pages/ticket-panel.css?v=20260705-accordion-clean");
@import url("pages/ticket-types.css?v=20260714-ui-stability-342");
@import url("pages/forms-builder.css?v=20260701-unsaved-modal-wide");
@import url("pages/roles-rights.css?v=20260715-roles-rights-345c");
@import url("pages/limits.css?v=20260701-unsaved-modal-wide");
@import url("pages/archive-pdf.css?v=20260705-archive-accordion-scale");
@import url("pages/responsive.css?v=20260701-unsaved-modal-wide");


/* Unsaved changes modal */
body.has-unsaved-changes::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9998;
  background:
    radial-gradient(circle at 50% 38%, rgba(245, 158, 11, .14), transparent 32%),
    rgba(3, 8, 18, .68);
  backdrop-filter: blur(6px);
}

.nexcore-unsaved-bar {
  position: fixed;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  z-index: 9999;
  width: min(720px, calc(100vw - 48px));
  transform: translate(-50%, -50%);
  display: grid;
  gap: 20px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(245, 158, 11, .88);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(7, 15, 29, .99));
  box-shadow:
    0 26px 90px rgba(0,0,0,.68),
    0 0 0 1px rgba(255,255,255,.05),
    0 0 34px rgba(245,158,11,.20);
  color: var(--text);
}

.nexcore-unsaved-bar::before {
  content: "";
  height: 7px;
  background: repeating-linear-gradient(135deg, #f59e0b 0 13px, #1f2937 13px 25px);
}

.nexcore-unsaved-bar[hidden] {
  display: none !important;
}

.nexcore-unsaved-dialog-head {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 28px 32px 0;
}

.nexcore-unsaved-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 20px;
  border: 1px solid rgba(245, 158, 11, .72);
  background:
    repeating-linear-gradient(135deg, rgba(245, 158, 11, .90) 0 8px, rgba(17, 24, 39, .92) 8px 16px);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 8px 26px rgba(245,158,11,.20);
  font-size: 0;
}

.nexcore-unsaved-icon::after {
  content: "!";
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: rgba(7, 15, 29, .96);
  border: 1px solid rgba(255, 210, 120, .70);
  color: #fbbf24;
  font-size: 22px;
  line-height: 1;
  font-weight: 1000;
}

.nexcore-unsaved-kicker {
  display: inline-flex;
  width: max-content;
  margin-bottom: 4px;
  padding: 3px 9px;
  border: 1px solid rgba(245, 158, 11, .26);
  border-radius: 999px;
  background: rgba(245, 158, 11, .10);
  color: #fbbf24 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.nexcore-unsaved-bar strong {
  display: block;
  font-size: 24px;
  line-height: 1.18;
  font-weight: 950;
}

.nexcore-unsaved-message {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  max-width: 560px;
  font-size: 15px;
  line-height: 1.55;
}

.nexcore-unsaved-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  padding: 0 32px 28px;
  flex-wrap: wrap;
}

.nexcore-unsaved-actions .btn {
  min-height: 52px;
  padding-inline: 22px;
  white-space: nowrap;
  font-size: 15px;
}

.nexcore-unsaved-actions [data-unsaved-stay] {
  margin-right: auto;
  min-width: 170px;
}

.nexcore-unsaved-actions [data-unsaved-discard] {
  min-width: 180px;
}

.nexcore-unsaved-actions [data-unsaved-save] {
  min-width: 190px;
}

@media (max-width: 760px) {
  .nexcore-unsaved-bar {
    width: calc(100vw - 20px);
    border-radius: 18px;
  }
  .nexcore-unsaved-dialog-head {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 12px;
    padding: 18px 16px 0;
  }
  .nexcore-unsaved-icon {
    width: 44px;
    height: 44px;
    border-radius: 15px;
  }
  .nexcore-unsaved-icon::after {
    width: 23px;
    height: 23px;
    font-size: 16px;
  }
  .nexcore-unsaved-bar strong {
    font-size: 19px;
  }
  .nexcore-unsaved-message {
    font-size: 13px;
  }
  .nexcore-unsaved-actions {
    display: grid;
    grid-template-columns: 1fr;
    padding: 0 16px 18px;
  }
  .nexcore-unsaved-actions .btn,
  .nexcore-unsaved-actions [data-unsaved-save] {
    width: 100%;
    min-width: 0;
    white-space: normal;
  }
}

.field-extra-panel.is-disabled,
.form-field-row:not(.is-field-active) .smart-options-builder {
  opacity: .48;
  pointer-events: none;
}


/* Unsaved changes: changed field hints */
.nexcore-unsaved-changes {
  margin: 0 32px;
  padding: 14px 16px;
  border: 1px solid rgba(245, 158, 11, .30);
  border-radius: 16px;
  background: rgba(245, 158, 11, .07);
}

.nexcore-unsaved-changes[hidden] {
  display: none !important;
}

.nexcore-unsaved-changes strong {
  display: block;
  margin-bottom: 10px;
  color: #fde68a;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 900;
}

.nexcore-unsaved-changes ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.nexcore-unsaved-changes li {
  display: grid;
  grid-template-columns: minmax(170px, .9fr) minmax(0, 1.1fr);
  gap: 16px;
  align-items: center;
  font-size: 13px;
  line-height: 1.35;
}

.nexcore-unsaved-changes li span {
  color: var(--muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nexcore-unsaved-changes li b {
  color: var(--text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nexcore-unsaved-field {
  border-color: rgba(245, 158, 11, .92) !important;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, .14), 0 0 18px rgba(245, 158, 11, .12) !important;
}

.nexcore-unsaved-label > span:first-child::after {
  content: " " attr(data-nc-unsaved-label);
  display: inline-flex;
  margin-left: 8px;
  padding: 2px 7px;
  border: 1px solid rgba(245, 158, 11, .32);
  border-radius: 999px;
  background: rgba(245, 158, 11, .10);
  color: #fbbf24;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .02em;
  white-space: nowrap;
  vertical-align: middle;
}

.archive-retention-fields .nexcore-unsaved-label > span:first-child::after {
  display: none;
}

.nexcore-unsaved-section {
  outline: 1px solid rgba(245, 158, 11, .26);
  outline-offset: 4px;
}

.nexcore-unsaved-section > summary,
.nexcore-unsaved-section .section-head,
.nexcore-unsaved-section .archive-block-head {
  position: relative;
}

.nexcore-unsaved-section > summary::after,
.nexcore-unsaved-section .section-head::after,
.nexcore-unsaved-section .archive-block-head::after {
  content: attr(data-nc-unsaved-label);
  display: inline-flex;
  margin-left: 10px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(245, 158, 11, .30);
  background: rgba(245, 158, 11, .09);
  color: #fbbf24;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: .06em;
}

@media (max-width: 760px) {
  .nexcore-unsaved-changes {
    margin-inline: 16px;
  }
  .nexcore-unsaved-changes li {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}

/* Patch: Rollen sichtbar, Free-Limits sperren, Panel-Accordions angleichen */
.is-plan-locked input,
.plan-locked-input {
  opacity: .58;
  cursor: not-allowed !important;
  background: rgba(15, 23, 42, .38) !important;
  border-color: rgba(148, 163, 184, .18) !important;
  color: rgba(203, 213, 225, .72) !important;
  box-shadow: none !important;
}
.is-plan-locked small {
  color: #7f91aa;
}
.locked-inline-badge {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  padding: 2px 7px;
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 999px;
  background: rgba(148, 163, 184, .08);
  color: #9aa9be;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.compact-branding-card {
  border-color: rgba(53, 201, 244, .14);
  background: linear-gradient(180deg, rgba(15, 26, 44, .72), rgba(8, 15, 28, .62));
}
.compact-branding-card .panel-section-summary {
  min-height: 66px;
}
.panel-admin-main > details.panel-section:not([open]) {
  background: rgba(9, 17, 31, .68);
}
.panel-admin-main > details.panel-section:not([open]) .panel-section-summary {
  border-bottom: 0;
}
.roles-admin-page .roles-admin-form {
  margin-top: 18px;
}
.roles-admin-actions {
  justify-content: flex-start;
  gap: 12px;
}
.roles-admin-page .roles-safety-grid {
  margin-top: 16px;
}

/* Rating system admin */
.rating-admin-page{max-width:1500px}.rating-admin-form{padding:28px}.rating-main-head{margin-bottom:18px}.rating-layout-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start}.rating-settings-stack{display:grid;gap:14px}.rating-collapse{border:1px solid rgba(56,215,255,.18);border-radius:18px;background:rgba(8,17,33,.54);overflow:hidden}.rating-collapse>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;cursor:pointer;list-style:none}.rating-collapse>summary::-webkit-details-marker{display:none}.rating-collapse>summary span{font-weight:900;color:#edf7ff}.rating-collapse>summary small{color:#8fa0b8}.rating-collapse[open]>summary{border-bottom:1px solid rgba(124,145,181,.14)}.rating-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.rating-option-card{min-height:96px}.rating-option-card input{margin-top:4px}.rating-collapse .form-grid{padding:16px}.rating-collapse .field-hint{display:block;margin-top:7px;color:#8294b0;font-size:.82rem}.rating-preview-card{position:sticky;top:24px;border:1px solid rgba(56,215,255,.18);border-radius:22px;background:linear-gradient(180deg,rgba(14,27,47,.84),rgba(8,14,27,.86));padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.rating-preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.rating-preview-head strong{font-size:1.05rem}.discord-rating-preview{border-radius:18px;background:#313338;padding:14px;display:grid;gap:12px;color:#f2f3f5}.discord-rating-preview .discord-embed{border-left:4px solid #38d7ff;border-radius:8px;background:#2b2d31;padding:12px 14px}.discord-rating-preview .discord-embed strong{display:block;margin-bottom:7px}.discord-rating-preview .discord-embed p{margin:0;color:#fff;line-height:1.45}.discord-rating-preview .discord-embed small{display:block;margin-top:10px;font-weight:800;color:#fff}.rating-stars-preview{display:flex;gap:6px;flex-wrap:wrap}.rating-stars-preview span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:34px;border-radius:9px;background:#3b3d44;border:1px solid rgba(255,255,255,.08);font-size:1.05rem}.rating-feedback-preview{display:inline-flex;justify-content:center;border-radius:10px;background:#5865f2;color:white;font-weight:900;padding:10px 13px;max-width:max-content}.rating-explain-box{margin-top:14px;border:1px dashed rgba(56,215,255,.35);border-radius:16px;padding:13px 14px;color:#9eb0ca;background:rgba(56,215,255,.05)}.rating-explain-box strong{display:block;color:#e9f6ff;margin-bottom:5px}.rating-explain-box p{margin:0;line-height:1.45}.rating-admin-actions{margin-top:18px}@media(max-width:1050px){.rating-layout-grid{grid-template-columns:1fr}.rating-preview-card{position:static}.rating-option-grid{grid-template-columns:1fr}}@media(max-width:720px){.rating-admin-form{padding:18px}.rating-collapse>summary{align-items:flex-start;flex-direction:column}.discord-rating-preview{padding:10px}}

/* Rating UI polish 2026-07-05 */
.rating-switch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.rating-switch-card{position:relative;display:flex;gap:13px;align-items:center;min-height:84px;border:1px solid rgba(124,145,181,.18);background:rgba(7,16,31,.72);border-radius:16px;padding:14px 15px;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.rating-switch-card:hover{border-color:rgba(56,215,255,.38);background:rgba(9,25,46,.82)}.rating-switch-card.active{border-color:rgba(56,215,255,.55);background:linear-gradient(180deg,rgba(22,64,94,.56),rgba(9,25,46,.82));box-shadow:0 0 0 1px rgba(56,215,255,.08) inset}.rating-switch-card input{position:absolute;opacity:0;pointer-events:none}.rating-switch-card .switch-ui{width:48px;height:26px;border-radius:999px;flex:0 0 auto;border:1px solid rgba(124,145,181,.28);background:#172033;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);position:relative}.rating-switch-card .switch-ui:after{content:"";position:absolute;left:4px;top:4px;width:18px;height:18px;border-radius:50%;background:#8fa0b8;transition:transform .16s ease,background .16s ease}.rating-switch-card input:checked+.switch-ui{background:linear-gradient(90deg,#38d7ff,#2563eb);border-color:rgba(56,215,255,.75)}.rating-switch-card input:checked+.switch-ui:after{transform:translateX(22px);background:#fff}.switch-copy{display:grid;gap:3px}.switch-copy strong{color:#edf7ff;font-weight:900}.switch-copy small{color:#92a4bf;line-height:1.35}.rating-display-grid,.rating-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.rating-field-block{display:grid;gap:8px}.rating-field-block.span-2,.rating-results-grid .span-2{grid-column:1/-1}.rating-field-label{font-weight:800;color:#dcecff;font-size:.92rem}.rating-choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rating-choice-row.results{grid-template-columns:repeat(4,minmax(0,1fr))}.rating-choice{position:relative;display:grid;gap:4px;border:1px solid rgba(124,145,181,.18);border-radius:14px;background:rgba(7,16,31,.72);padding:13px 14px;cursor:pointer;min-height:70px}.rating-choice input{position:absolute;opacity:0;pointer-events:none}.rating-choice span{font-weight:900;color:#eef8ff}.rating-choice small{color:#8fa0b8}.rating-choice.active{border-color:rgba(56,215,255,.6);background:linear-gradient(180deg,rgba(22,64,94,.54),rgba(9,25,46,.82));box-shadow:0 0 0 1px rgba(56,215,255,.08) inset}.rating-score-row{display:flex;gap:8px;flex-wrap:wrap}.rating-score-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:76px;height:42px;border-radius:12px;border:1px solid rgba(124,145,181,.2);background:rgba(7,16,31,.72);cursor:pointer;font-weight:900;color:#d9e9ff}.rating-score-chip input{position:absolute;opacity:0;pointer-events:none}.rating-score-chip.active{color:#fff;border-color:rgba(56,215,255,.65);background:linear-gradient(135deg,rgba(56,215,255,.24),rgba(37,99,235,.28))}.rating-low-alert{grid-column:1/-1}.rating-result-note{grid-column:1/-1;border:1px dashed rgba(56,215,255,.32);border-radius:14px;padding:12px 14px;color:#9eb0ca;background:rgba(56,215,255,.05);line-height:1.45}.rating-result-note strong{color:#e9f6ff}.rating-message-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.rating-message-card{border:1px solid rgba(124,145,181,.16);border-radius:16px;background:rgba(7,16,31,.62);padding:15px;display:grid;gap:12px}.rating-message-card h3{margin:0;color:#edf7ff;font-size:1rem}.rating-message-card label{display:grid;gap:7px;color:#c7d6ea;font-weight:800}.rating-message-card input,.rating-message-card textarea,.rating-field-block input{width:100%;border-radius:13px;border:1px solid rgba(124,145,181,.25);background:#071125;color:#fff;padding:12px 13px;outline:none}.rating-message-card textarea{resize:vertical}.rating-preview-separator{height:1px;background:rgba(255,255,255,.13);margin:2px 0}.rating-preview-card .discord-rating-preview{gap:11px}.rating-explain-box strong{color:#e9f6ff}@media(max-width:1180px){.rating-choice-row.results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1050px){.rating-switch-grid,.rating-display-grid,.rating-results-grid,.rating-message-grid{grid-template-columns:1fr}.rating-choice-row,.rating-choice-row.results{grid-template-columns:1fr}}@media(max-width:720px){.rating-switch-grid,.rating-display-grid,.rating-results-grid,.rating-message-grid{padding:12px}.rating-switch-card{min-height:auto}.rating-score-chip{min-width:64px}}

/* Rating UI refine - compact controls + separate results dashboard */
.rating-toggle-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 14px}
.rating-toggle-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:58px;border:1px solid rgba(124,145,181,.18);border-radius:14px;background:rgba(7,16,31,.64);padding:10px 12px;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.rating-toggle-row:hover{border-color:rgba(56,215,255,.38);background:rgba(9,25,46,.78)}
.rating-toggle-row.active{border-color:rgba(56,215,255,.55);background:linear-gradient(180deg,rgba(20,58,84,.5),rgba(8,22,42,.78));box-shadow:0 0 0 1px rgba(56,215,255,.06) inset}
.rating-toggle-row input{position:absolute;opacity:0;pointer-events:none}
.rating-toggle-row .switch-ui{width:42px;height:23px;border-radius:999px;border:1px solid rgba(124,145,181,.28);background:#172033;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);position:relative;grid-column:2;grid-row:1}
.rating-toggle-row .switch-ui:after{content:"";position:absolute;left:4px;top:4px;width:15px;height:15px;border-radius:50%;background:#8fa0b8;transition:transform .16s ease,background .16s ease}
.rating-toggle-row input:checked+.switch-ui{background:linear-gradient(90deg,#38d7ff,#2563eb);border-color:rgba(56,215,255,.75)}
.rating-toggle-row input:checked+.switch-ui:after{transform:translateX(19px);background:#fff}
.rating-toggle-row .switch-copy{display:grid;gap:2px;min-width:0}.rating-toggle-row .switch-copy strong{font-size:.9rem}.rating-toggle-row .switch-copy small{font-size:.76rem;line-height:1.25;color:#91a3bd}
.rating-field-block .field-hint{margin-top:-2px;font-size:.78rem;color:#8092ad}
.rating-results-page{max-width:1500px}.rating-results-card{padding:28px}.rating-results-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.rating-results-stats article{border:1px solid rgba(56,215,255,.18);background:linear-gradient(180deg,rgba(14,27,47,.84),rgba(8,14,27,.76));border-radius:18px;padding:16px;display:grid;gap:6px}.rating-results-stats small{color:#91a3bd;font-weight:800}.rating-results-stats strong{font-size:2rem;line-height:1;color:#edf7ff}.rating-results-stats span{color:#facc15;font-weight:900}.rating-results-grid-panel{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:16px}.rating-results-box{border:1px solid rgba(56,215,255,.18);background:rgba(8,17,33,.58);border-radius:20px;padding:16px}.rating-results-box-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.rating-results-box-head h3{margin:0;color:#edf7ff}.rating-results-box-head small{color:#91a3bd}.rating-bars{display:grid;gap:10px}.rating-bar-row{display:grid;grid-template-columns:74px 1fr 34px;gap:10px;align-items:center}.rating-bar-row span,.rating-bar-row strong{font-weight:900;color:#dbeafe}.rating-bar-track{height:12px;border-radius:999px;background:rgba(124,145,181,.16);overflow:hidden}.rating-bar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#38d7ff,#2563eb)}.rating-latest-list{display:grid;gap:10px;max-height:430px;overflow:auto;padding-right:4px}.rating-latest-item{border:1px solid rgba(124,145,181,.16);border-radius:15px;background:rgba(7,16,31,.64);padding:12px;display:grid;gap:7px}.rating-latest-item.low{border-color:rgba(245,158,11,.42);background:rgba(245,158,11,.06)}.rating-latest-item div{display:flex;justify-content:space-between;gap:10px;align-items:start}.rating-latest-item strong{color:#facc15}.rating-latest-item small,.rating-latest-item time{color:#91a3bd;font-size:.78rem}.rating-latest-item p{margin:0;color:#dbeafe;line-height:1.35}.rating-empty-state{border:1px dashed rgba(56,215,255,.25);border-radius:14px;padding:16px;color:#91a3bd;background:rgba(56,215,255,.04)}
@media(max-width:1180px){.rating-toggle-list,.rating-results-stats{grid-template-columns:1fr 1fr}.rating-results-grid-panel{grid-template-columns:1fr}}
@media(max-width:720px){.rating-toggle-list,.rating-results-stats{grid-template-columns:1fr}.rating-results-card{padding:18px}.rating-bar-row{grid-template-columns:62px 1fr 30px}}

/* Rating final polish: kompaktere Steuerung, echte Discord-DM-Vorschau, sichtbare Auswertung */
.rating-toggle-list{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:10px 12px;
}
.rating-toggle-row{
  min-height:48px;
  padding:8px 10px;
  border-radius:12px;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
}
.rating-toggle-row .switch-ui{
  grid-column:1;
  grid-row:1;
  width:38px;
  height:21px;
}
.rating-toggle-row .switch-ui:after{
  width:13px;
  height:13px;
}
.rating-toggle-row input:checked+.switch-ui:after{
  transform:translateX(17px);
}
.rating-toggle-row .switch-copy{
  grid-column:2;
  grid-row:1;
}
.rating-toggle-row .switch-copy strong{font-size:.82rem}
.rating-toggle-row .switch-copy small{font-size:.7rem;line-height:1.18}
.rating-display-grid{
  align-items:start;
}
.rating-field-block:not(.span-2){
  align-content:start;
}
.rating-field-block input{
  min-height:46px;
}
.rating-score-row{
  gap:9px;
}
.rating-score-chip{
  min-width:74px;
  user-select:none;
}
.rating-score-chip input,
.rating-choice input{
  pointer-events:none;
}
.rating-preview-card .discord-rating-preview{
  gap:10px;
}
.rating-close-preview{
  display:grid;
  gap:10px;
}
.rating-close-preview strong{
  margin-bottom:0!important;
}
.rating-close-preview p{
  font-size:.94rem;
}
.rating-close-fields{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:10px;
  margin-top:2px;
}
.rating-close-fields span,
.rating-close-review-text{
  color:#fff;
  font-size:.88rem;
  line-height:1.35;
}
.rating-close-fields b,
.rating-close-review-text b{
  display:block;
  color:#f2f3f5;
  font-weight:900;
}
.rating-close-review-text span{
  display:block;
  color:#fff;
}
.rating-stars-preview{
  gap:7px;
}
.rating-stars-preview span{
  min-width:44px;
  height:34px;
  padding:0 10px;
  gap:4px;
  border-radius:8px;
  font-weight:800;
}
.rating-stars-preview span.good{
  background:#248046;
  border-color:rgba(46,204,113,.35);
}
.rating-stars-preview span i{
  font-style:normal;
}
.rating-feedback-preview.hidden{
  display:none!important;
}
.rating-feedback-preview{
  min-height:36px;
  align-items:center;
}
.rating-preview-separator{
  margin:4px 0 2px;
}
.rating-thanks-preview{
  margin-top:0;
}
.rating-results-grid-panel{
  grid-template-columns:minmax(310px,.85fr) minmax(300px,.85fr) minmax(0,1.3fr);
  align-items:start;
}
.rating-results-wide{
  grid-column:auto;
}
.rating-agent-list{
  display:grid;
  gap:9px;
}
.rating-agent-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:4px 12px;
  border:1px solid rgba(124,145,181,.16);
  border-radius:14px;
  background:rgba(7,16,31,.64);
  padding:11px 12px;
}
.rating-agent-item strong{
  color:#edf7ff;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rating-agent-item span{
  color:#facc15;
  font-weight:900;
}
.rating-agent-item small{
  grid-column:1/-1;
  color:#91a3bd;
}
.rating-latest-item header{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
.rating-latest-item header strong{
  color:#facc15;
  flex:0 0 auto;
}
.rating-latest-item header small{
  text-align:right;
  line-height:1.35;
}
.rating-latest-item p b{
  color:#edf7ff;
}
.muted-rating-comment{
  color:#7f91aa!important;
  font-style:italic;
}
@media(max-width:1280px){
  .rating-results-grid-panel{grid-template-columns:1fr 1fr}
  .rating-results-wide{grid-column:1/-1}
}
@media(max-width:1180px){
  .rating-toggle-list{grid-template-columns:1fr}
}
@media(max-width:720px){
  .rating-close-fields{grid-template-columns:1fr}
  .rating-latest-item header{display:grid}
  .rating-latest-item header small{text-align:left}
}

/* Rating dashboard final refine: bessere Preview, größere Auswertung, Discord-Ansicht */
.rating-stars-preview{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px!important;
  width:100%;
}
.rating-stars-preview span{
  min-width:0!important;
  width:100%;
  padding:0 6px!important;
  white-space:nowrap;
}
.rating-stars-preview span.weak{
  background:#3b3d44;
  border-color:rgba(255,255,255,.08);
}
.rating-stars-preview span.good{
  background:#248046;
  border-color:rgba(46,204,113,.35);
}
.rating-display-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:start;
}
.rating-field-block{min-width:0}
.rating-field-block input{height:48px}
.rating-score-row{display:grid;grid-template-columns:repeat(5,minmax(62px,1fr));gap:9px;max-width:560px}
.rating-score-chip{min-width:0;width:100%}
.rating-results-discord-hint{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 16px;
  padding:13px 15px;
  border:1px solid rgba(56,215,255,.22);
  border-radius:16px;
  background:linear-gradient(90deg,rgba(56,215,255,.09),rgba(37,99,235,.05));
}
.rating-results-discord-hint div{display:grid;gap:3px}
.rating-results-discord-hint strong{color:#eaf8ff;font-weight:900}
.rating-results-discord-hint span{color:#91a3bd;font-size:.9rem}
.rating-results-discord-hint code,
.rating-discord-note code{
  border:1px solid rgba(56,215,255,.28);
  background:rgba(4,12,25,.75);
  color:#dff8ff;
  border-radius:10px;
  padding:7px 10px;
  font-weight:900;
  white-space:nowrap;
}
.rating-results-grid-panel{
  grid-template-columns:minmax(390px,1.05fr) minmax(320px,.8fr) minmax(0,1.25fr)!important;
}
.rating-results-box:first-child{
  min-height:260px;
}
.rating-bars{gap:13px}
.rating-bar-row{grid-template-columns:78px 1fr 40px;gap:12px}
.rating-bar-track{height:16px}
.rating-agent-item{padding:13px 14px}
.rating-latest-item{padding:14px 15px}
.rating-latest-item p{font-size:.95rem}
.rating-admin-actions .disabled-like{
  pointer-events:none;
  opacity:.85;
}
@media(max-width:1280px){
  .rating-results-grid-panel{grid-template-columns:1fr 1fr!important}
  .rating-results-wide{grid-column:1/-1!important}
}
@media(max-width:720px){
  .rating-score-row{grid-template-columns:repeat(5,minmax(42px,1fr));gap:6px}
  .rating-results-discord-hint{align-items:flex-start;flex-direction:column}
  .rating-results-grid-panel{grid-template-columns:1fr!important}
  .rating-stars-preview span{font-size:.9rem;padding:0 4px!important}
}

/* Rating channel/report cleanup: Feedback-Schalter entscheidet, Auswertung eigener Block */
.rating-route-note{
  margin:0 12px 12px;
  border:1px solid rgba(56,215,255,.22);
  border-radius:13px;
  background:rgba(56,215,255,.06);
  color:#a9bbd3;
  padding:10px 12px;
  font-size:.82rem;
  line-height:1.35;
}
.rating-route-note.warn{
  border-color:rgba(245,158,11,.42);
  background:rgba(245,158,11,.07);
  color:#f7c87b;
}
.rating-feedback-field.disabled{
  opacity:.55;
}
.rating-feedback-field.disabled input{
  cursor:not-allowed;
  border-color:rgba(124,145,181,.16);
  background:rgba(7,16,31,.45);
}
.rating-report-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.75fr);
  gap:14px;
  padding:16px;
  align-items:start;
}
.rating-report-grid .rating-report-switch{
  min-height:74px;
  margin:0;
}
.rating-report-grid .span-2{
  grid-column:1/-1;
}
.rating-report-grid code{
  border:1px solid rgba(56,215,255,.25);
  background:rgba(4,12,25,.75);
  color:#dff8ff;
  border-radius:8px;
  padding:3px 6px;
  font-weight:900;
}
.rating-display-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
@media(max-width:1050px){
  .rating-report-grid{grid-template-columns:1fr}
}

/* Rating Feinschliff 2026-07-05: Discord-Auswertung geordnet, Team-Details und stabile Vorschau */
.rating-layout-grid{grid-template-columns:minmax(0,1fr) 430px;}
.rating-preview-card{min-width:0;}
.rating-preview-card .discord-rating-preview{padding:14px 15px;}
.rating-stars-preview{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;width:100%;}
.rating-stars-preview span{flex:1 1 0;min-width:0!important;height:34px;padding:0 4px!important;}
.rating-report-collapse{border-color:rgba(245,158,11,.24);}
.clean-report-grid{grid-template-columns:minmax(260px,.95fr) minmax(230px,1fr) minmax(230px,1fr) minmax(190px,.72fr);align-items:stretch;gap:12px;padding:14px;}
.clean-report-grid .rating-report-switch{min-height:62px;align-self:stretch;}
.clean-report-grid .rating-field-block{align-content:start;}
.clean-report-grid .rating-field-block input,.clean-report-grid .rating-field-block select{width:100%;height:46px;border-radius:13px;border:1px solid rgba(124,145,181,.25);background:#071125;color:#fff;padding:0 12px;outline:none;}
.clean-report-grid .span-2{grid-column:1/-1;}
.rating-discord-codes{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.rating-results-discord-hint{align-items:center;}
.rating-results-grid-panel{grid-template-columns:minmax(420px,1.15fr) minmax(360px,.95fr) minmax(0,1.15fr)!important;}
.rating-results-box:first-child{min-height:300px;}
.rating-bars{gap:15px;}
.rating-bar-track{height:18px;}
.rating-team-box{display:grid;gap:14px;}
.rating-agent-list{max-height:310px;overflow:auto;padding-right:4px;}
.rating-agent-item{width:100%;border:1px solid rgba(124,145,181,.16);background:rgba(7,16,31,.64);color:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease;}
.rating-agent-item:hover{border-color:rgba(56,215,255,.42);background:rgba(12,32,56,.74);}
.rating-agent-item.active{border-color:rgba(56,215,255,.75);background:linear-gradient(180deg,rgba(22,64,94,.5),rgba(8,22,42,.78));box-shadow:0 0 0 1px rgba(56,215,255,.08) inset;}
.rating-agent-detail{border:1px dashed rgba(56,215,255,.28);border-radius:16px;background:rgba(56,215,255,.045);padding:13px;display:grid;gap:9px;color:#9fb0c8;}
.rating-agent-detail>strong{color:#edf7ff;font-size:.98rem;}
.rating-agent-detail>span{color:#91a3bd;}
.rating-agent-review{border:1px solid rgba(124,145,181,.14);border-radius:13px;background:rgba(7,16,31,.58);padding:10px 11px;display:grid;gap:4px;}
.rating-agent-review b{color:#facc15;}
.rating-agent-review small{color:#91a3bd;}
.rating-agent-review p{margin:0;color:#dbeafe;line-height:1.35;}
.rating-results-box-head h3{font-size:1.2rem;}
@media(max-width:1320px){.clean-report-grid{grid-template-columns:1fr 1fr}.clean-report-grid .span-2{grid-column:1/-1}.rating-results-grid-panel{grid-template-columns:1fr 1fr!important}.rating-results-wide{grid-column:1/-1!important}}
@media(max-width:1050px){.rating-layout-grid{grid-template-columns:1fr}.rating-preview-card{position:static}.clean-report-grid{grid-template-columns:1fr}.rating-results-grid-panel{grid-template-columns:1fr!important}.rating-results-wide{grid-column:auto!important}}
@media(max-width:720px){.rating-stars-preview{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));}.rating-discord-codes{justify-content:flex-start}.clean-report-grid .rating-field-block input,.clean-report-grid .rating-field-block select{height:44px}}


/* Rating final cleanup 2026-07-05: klare Discord-Auswertung + bessere Team-Auswertung */
.rating-collapse.rating-report-collapse{
  border-color:rgba(56,215,255,.20);
  background:linear-gradient(180deg,rgba(10,24,43,.68),rgba(7,15,29,.72));
}
.rating-report-grid.clean-report-grid{
  grid-template-columns:minmax(280px,.95fr) minmax(230px,1fr) minmax(240px,1.05fr) minmax(210px,.82fr)!important;
  gap:14px!important;
  align-items:stretch!important;
  padding:16px!important;
}
.clean-report-grid .rating-report-switch{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
  min-height:92px!important;
  padding:14px 15px!important;
}
.clean-report-grid .rating-report-switch .switch-ui{
  grid-column:1!important;
  grid-row:1!important;
  width:38px!important;
  height:22px!important;
}
.clean-report-grid .rating-report-switch .switch-ui:after{
  width:14px!important;
  height:14px!important;
}
.clean-report-grid .rating-report-switch input:checked+.switch-ui:after{
  transform:translateX(16px)!important;
}
.clean-report-grid .rating-report-switch .switch-copy{
  grid-column:2!important;
  min-width:0!important;
}
.clean-report-grid .rating-field-block{
  display:grid;
  grid-template-rows:auto 46px auto;
  gap:7px!important;
  min-width:0;
}
.clean-report-grid .rating-field-block input,
.clean-report-grid .rating-field-block select{
  height:46px!important;
  min-width:0!important;
}
.clean-report-grid .field-hint{
  min-height:34px;
  line-height:1.28!important;
}
.clean-report-grid .rating-result-note{
  display:block;
  grid-column:1/-1!important;
  margin-top:0;
  padding:13px 15px!important;
}
.clean-report-grid .rating-result-note code{
  display:inline-flex;
  margin:0 2px;
  white-space:nowrap;
}
.rating-results-card .section-head.compact{
  align-items:flex-start;
}
.rating-results-stats{
  margin:20px 0 16px!important;
}
.rating-results-stats article{
  min-height:112px;
}
.rating-results-discord-hint{
  margin:0 0 18px!important;
  background:linear-gradient(90deg,rgba(56,215,255,.10),rgba(37,99,235,.045))!important;
}
.rating-discord-codes{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.rating-discord-codes span{
  display:flex;
  align-items:center;
  gap:7px;
}
.rating-discord-codes b{
  color:#91a3bd;
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.rating-results-grid-panel{
  grid-template-columns:minmax(430px,1.05fr) minmax(410px,.95fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.rating-results-grid-panel>.rating-results-box:first-child{
  grid-column:1;
  min-height:0!important;
}
.rating-results-grid-panel>.rating-team-box{
  grid-column:2;
  min-height:0;
}
.rating-results-grid-panel>.rating-results-wide{
  grid-column:1/-1!important;
}
.rating-results-box{
  padding:18px!important;
}
.rating-results-box-head{
  margin-bottom:16px!important;
}
.rating-bars{
  gap:16px!important;
}
.rating-bar-row{
  grid-template-columns:82px 1fr 42px!important;
}
.rating-bar-track{
  height:18px!important;
  background:rgba(124,145,181,.17)!important;
}
.rating-team-box{
  display:grid!important;
  grid-template-columns:minmax(210px,.85fr) minmax(0,1.15fr);
  gap:14px!important;
}
.rating-team-box .rating-results-box-head{
  grid-column:1/-1;
  margin-bottom:0!important;
}
.rating-agent-list{
  max-height:360px!important;
  overflow:auto;
  padding-right:4px;
}
.rating-agent-detail{
  min-height:100%;
  align-content:start;
}
.rating-agent-review{
  background:rgba(3,10,22,.5)!important;
}
.rating-latest-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px!important;
  max-height:none!important;
  overflow:visible!important;
  padding-right:0!important;
}
.rating-latest-item{
  min-height:122px;
}
.rating-latest-item header small{
  max-width:65%;
}
@media(max-width:1320px){
  .rating-report-grid.clean-report-grid{grid-template-columns:1fr 1fr!important}
  .rating-results-grid-panel{grid-template-columns:1fr!important}
  .rating-results-grid-panel>.rating-results-box:first-child,
  .rating-results-grid-panel>.rating-team-box,
  .rating-results-grid-panel>.rating-results-wide{grid-column:1!important}
  .rating-team-box{grid-template-columns:1fr!important}
  .rating-latest-list{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .rating-report-grid.clean-report-grid{grid-template-columns:1fr!important}
  .rating-discord-codes{justify-content:flex-start!important}
  .rating-results-stats{grid-template-columns:1fr!important}
}

/* Rating Mini-Polish 2026-07-05: kompaktere Report-Einstellungen + ruhigere Auswertung */
.rating-collapse.rating-report-collapse > summary{
  padding:14px 18px!important;
}
.rating-report-grid.clean-report-grid{
  grid-template-columns:220px minmax(220px,1fr) minmax(240px,1.05fr) 150px!important;
  gap:12px!important;
  padding:14px!important;
  align-items:start!important;
}
.clean-report-grid .rating-report-switch{
  min-height:64px!important;
  padding:11px 12px!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  gap:10px!important;
  border-radius:14px!important;
}
.clean-report-grid .rating-report-switch .switch-ui{
  width:32px!important;
  height:18px!important;
}
.clean-report-grid .rating-report-switch .switch-ui:after{
  left:3px!important;
  top:3px!important;
  width:10px!important;
  height:10px!important;
}
.clean-report-grid .rating-report-switch input:checked+.switch-ui:after{
  transform:translateX(14px)!important;
}
.clean-report-grid .rating-report-switch .switch-copy{
  gap:1px!important;
}
.clean-report-grid .rating-report-switch .switch-copy strong{
  font-size:.88rem!important;
  line-height:1.1!important;
}
.clean-report-grid .rating-report-switch .switch-copy small{
  font-size:.74rem!important;
  line-height:1.22!important;
}
.clean-report-grid .rating-field-block{
  grid-template-rows:auto 40px auto!important;
  gap:6px!important;
}
.clean-report-grid .rating-field-label{
  font-size:.86rem!important;
  line-height:1.15!important;
}
.clean-report-grid .rating-field-block input,
.clean-report-grid .rating-field-block select{
  height:40px!important;
  border-radius:12px!important;
  padding:0 11px!important;
  font-size:.92rem!important;
}
.clean-report-grid .field-hint{
  min-height:26px!important;
  font-size:.76rem!important;
  line-height:1.22!important;
}
.clean-report-grid .rating-result-note{
  display:flex!important;
  align-items:center!important;
  gap:10px 14px!important;
  flex-wrap:wrap!important;
  padding:11px 13px!important;
  font-size:.88rem!important;
  line-height:1.25!important;
}
.clean-report-grid .rating-result-note strong{
  color:#eaf8ff;
}
.clean-report-grid .rating-result-note span{
  color:#a9b9d1;
}
.clean-report-grid .rating-result-note code,
.rating-results-discord-hint code,
.rating-admin-actions .disabled-like{
  font-size:.78rem!important;
}

.rating-results-card{
  padding:24px!important;
  max-width:1420px;
}
.rating-results-stats{
  gap:10px!important;
  margin:18px 0 14px!important;
}
.rating-results-stats article{
  min-height:96px!important;
  padding:14px!important;
  border-radius:16px!important;
}
.rating-results-stats strong{
  font-size:1.85rem!important;
}
.rating-results-discord-hint{
  padding:12px 14px!important;
  border-radius:16px!important;
  margin-bottom:16px!important;
}
.rating-discord-codes{
  gap:7px!important;
}
.rating-discord-codes span{
  gap:5px!important;
}
.rating-discord-codes b{
  font-size:.7rem!important;
}
.rating-results-grid-panel{
  grid-template-columns:minmax(390px,.95fr) minmax(0,1.05fr)!important;
  gap:16px!important;
}
.rating-results-box{
  padding:16px!important;
  border-radius:18px!important;
}
.rating-results-box-head h3{
  font-size:1.08rem!important;
}
.rating-bars{
  gap:12px!important;
}
.rating-bar-row{
  grid-template-columns:68px 1fr 32px!important;
}
.rating-bar-track{
  height:14px!important;
}
.rating-team-box{
  grid-template-columns:200px minmax(0,1fr)!important;
  gap:12px!important;
}
.rating-agent-item{
  padding:12px!important;
  min-height:98px;
}
.rating-agent-item strong,
.rating-agent-item span{
  font-size:.95rem!important;
}
.rating-agent-item small{
  font-size:.8rem!important;
}
.rating-agent-detail{
  padding:12px!important;
}
.rating-latest-list{
  gap:10px!important;
}
.rating-latest-item{
  min-height:108px!important;
  padding:12px!important;
}
.rating-admin-actions .btn{
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:14px!important;
}
.rating-admin-actions .disabled-like{
  opacity:.78;
  white-space:normal;
}
@media(max-width:1320px){
  .rating-report-grid.clean-report-grid{grid-template-columns:1fr 1fr!important}
  .rating-team-box{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .rating-report-grid.clean-report-grid{grid-template-columns:1fr!important}
  .clean-report-grid .rating-result-note{align-items:flex-start!important;flex-direction:column!important}
}


/* Rating Final-Polish 2026-07-05: Teamleistung kompakter + Discord-Auswertung sauberer */
.rating-report-grid.clean-report-grid{
  grid-template-columns:minmax(260px,1fr) minmax(280px,1.1fr) 150px!important;
  align-items:start!important;
  gap:12px 14px!important;
  padding:14px 16px 16px!important;
}
.clean-report-grid .rating-report-switch{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:0!important;
  padding:11px 14px!important;
  border-radius:14px!important;
  background:linear-gradient(90deg,rgba(56,215,255,.08),rgba(37,99,235,.035))!important;
}
.clean-report-grid .rating-report-switch .switch-ui{
  order:0!important;
  width:34px!important;
  height:18px!important;
  flex:0 0 auto!important;
}
.clean-report-grid .rating-report-switch .switch-copy{
  order:1!important;
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
  min-width:0!important;
}
.clean-report-grid .rating-report-switch .switch-copy strong{
  font-size:.9rem!important;
  white-space:nowrap!important;
}
.clean-report-grid .rating-report-switch .switch-copy small{
  font-size:.78rem!important;
  line-height:1.2!important;
  color:#9eb0ca!important;
}
.clean-report-grid .rating-field-block{
  grid-template-rows:auto 40px auto!important;
  gap:6px!important;
  min-width:0!important;
}
.clean-report-grid .rating-field-block input,
.clean-report-grid .rating-field-block select{
  height:40px!important;
}
.clean-report-grid .rating-field-block:last-of-type{
  max-width:150px!important;
}
.clean-report-grid .field-hint{
  min-height:0!important;
}
.clean-report-grid .rating-result-note{
  grid-column:1/-1!important;
  margin-top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px 14px!important;
  padding:10px 12px!important;
  border-radius:13px!important;
}
.clean-report-grid .rating-result-note strong{
  flex:0 0 auto!important;
}
.clean-report-grid .rating-result-note span{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}

.rating-team-box{
  grid-template-columns:minmax(180px,220px) minmax(0,1fr)!important;
  align-items:start!important;
  gap:12px!important;
}
.rating-team-box .rating-results-box-head{
  margin-bottom:2px!important;
}
.rating-agent-list{
  align-self:start!important;
  display:grid!important;
  gap:8px!important;
  max-height:260px!important;
  overflow:auto!important;
}
.rating-agent-item{
  min-height:0!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:4px 8px!important;
  align-items:start!important;
}
.rating-agent-item strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  max-width:100%!important;
}
.rating-agent-item span{
  grid-column:2!important;
  grid-row:1!important;
  white-space:nowrap!important;
}
.rating-agent-item small{
  grid-column:1/-1!important;
  font-size:.78rem!important;
  line-height:1.25!important;
}
.rating-agent-detail{
  min-height:0!important;
  padding:12px!important;
  border-radius:16px!important;
}
.rating-agent-detail>strong{
  font-size:.95rem!important;
}
.rating-agent-review{
  padding:9px 10px!important;
  border-radius:12px!important;
}
.rating-agent-review p{
  font-size:.9rem!important;
}
@media(max-width:1320px){
  .rating-report-grid.clean-report-grid{grid-template-columns:1fr 1fr!important}
  .clean-report-grid .rating-field-block:last-of-type{max-width:none!important}
  .rating-team-box{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .rating-report-grid.clean-report-grid{grid-template-columns:1fr!important}
  .clean-report-grid .rating-report-switch .switch-copy{display:grid!important;gap:2px!important}
  .clean-report-grid .rating-result-note{align-items:flex-start!important;flex-direction:column!important}
}

/* Rating micro-polish 2026-07-05: Hilfetexte, Teamdetails und Sterne ruhiger */
.clean-report-grid .field-hint{
  margin-top:8px!important;
  padding-top:2px!important;
  line-height:1.35!important;
  color:#8496b3!important;
}
.clean-report-grid .rating-field-block{
  gap:5px!important;
}
.rating-stars-score{
  display:inline-flex!important;
  align-items:center!important;
  gap:2px!important;
  letter-spacing:.5px!important;
  white-space:nowrap!important;
}
.rating-stars-score .filled{
  color:#facc15!important;
  text-shadow:0 0 10px rgba(250,204,21,.18)!important;
}
.rating-stars-score .empty{
  color:rgba(148,163,184,.34)!important;
  text-shadow:none!important;
}
.rating-agent-item strong{
  color:#edf7ff!important;
}
.rating-agent-detail>strong{
  color:#edf7ff!important;
}
.rating-agent-review b{
  color:#edf7ff!important;
  display:block!important;
  line-height:1.15!important;
}
.rating-agent-review small{
  color:#91a3bd!important;
  font-size:.78rem!important;
}
.rating-agent-review p{
  margin-top:2px!important;
}
.rating-latest-item header strong{
  color:#edf7ff!important;
}
.rating-latest-item header small{
  color:#91a3bd!important;
}
.rating-team-box{
  gap:10px!important;
}
.rating-agent-list{
  max-height:220px!important;
}
.rating-agent-detail{
  gap:7px!important;
}

/* Rating-Auswertung: Zuordnung & Footer-Feinschliff 2026-07-05 */
.rating-agent-assign-note{
  display:block;
  margin-top:-3px;
  color:#8fa4c0;
  font-size:.84rem;
  line-height:1.35;
}
.rating-agent-assign-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  margin-top:7px;
  padding-top:8px;
  border-top:1px solid rgba(124,145,181,.12);
}
.rating-agent-assign-form input{
  min-width:0;
  width:100%;
  height:32px;
  border-radius:10px;
  border:1px solid rgba(124,145,181,.22);
  background:#071125;
  color:#edf7ff;
  padding:7px 10px;
  outline:none;
  font-size:.86rem;
}
.rating-agent-assign-form input:focus{
  border-color:rgba(56,215,255,.68);
  box-shadow:0 0 0 2px rgba(56,215,255,.12);
}
.rating-agent-assign-form .mini-action{
  height:32px;
  border:1px solid rgba(56,215,255,.42);
  border-radius:10px;
  background:rgba(56,215,255,.12);
  color:#dff7ff;
  font-weight:900;
  padding:0 11px;
  cursor:pointer;
}
.rating-agent-assign-form .mini-action:hover{
  background:rgba(56,215,255,.2);
  border-color:rgba(56,215,255,.72);
}
.rating-results-footer-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.rating-command-hint{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  border:1px solid rgba(124,145,181,.18);
  background:rgba(7,16,31,.52);
  border-radius:13px;
  color:#8fa4c0;
  padding:6px 10px;
  font-size:.84rem;
  font-weight:800;
}
.rating-command-hint code{
  border:1px solid rgba(56,215,255,.18);
  background:rgba(3,9,18,.68);
  border-radius:8px;
  color:#e7f8ff;
  padding:4px 7px;
  font-size:.8rem;
  white-space:nowrap;
}
.rating-results-wide .rating-latest-item header small,
.rating-agent-review small{
  color:#9aabc3;
}
@media(max-width:720px){
  .rating-agent-assign-form{grid-template-columns:1fr;}
  .rating-agent-assign-form .mini-action{width:100%;}
  .rating-command-hint{width:100%;justify-content:flex-start;flex-wrap:wrap;}
}

/* Rating auto attribution cleanup: no manual Bearbeiter-Zuordnung im Dashboard */
.rating-agent-assign-note{
  display:block;
  margin:2px 0 6px;
  font-size:.82rem;
  line-height:1.35;
  color:#93a8c5;
}
.rating-agent-review .rating-agent-assign-form{display:none!important;}


/* Rating-Auswertung Scroll-Limits 2026-07-05
   Große Server: pro Teammitglied nur zwei Bewertungen sichtbar, weitere per Scroll.
   Letzte Bewertungen bleiben auf maximal sechs sichtbare Karten begrenzt. */
.rating-agent-review-list{
  display:grid!important;
  gap:9px!important;
  max-height:190px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:4px!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(56,215,255,.45) rgba(12,24,43,.65);
}
.rating-agent-review-list::-webkit-scrollbar,
.rating-latest-list::-webkit-scrollbar{
  width:8px;
}
.rating-agent-review-list::-webkit-scrollbar-thumb,
.rating-latest-list::-webkit-scrollbar-thumb{
  background:rgba(56,215,255,.45);
  border-radius:999px;
}
.rating-agent-review-list::-webkit-scrollbar-track,
.rating-latest-list::-webkit-scrollbar-track{
  background:rgba(12,24,43,.65);
  border-radius:999px;
}
.rating-scroll-hint{
  display:block!important;
  margin-top:2px!important;
  color:#8496b3!important;
  font-size:.78rem!important;
  line-height:1.3!important;
}
.rating-agent-detail{
  align-content:start!important;
}
.rating-agent-detail>.rating-agent-review{
  display:none!important;
}
.rating-agent-review-list .rating-agent-review{
  margin:0!important;
}
.rating-latest-list{
  max-height:610px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:6px!important;
  align-content:start!important;
}
.rating-results-wide .rating-results-box-head small::after{
  content:' · max. 6 sichtbar';
  color:#71839d;
  font-weight:700;
}
@media(max-width:760px){
  .rating-agent-review-list{max-height:210px!important;}
  .rating-latest-list{max-height:640px!important;}
}


/* Rating-Auswertung Compact-10 2026-07-05
   Etwas weniger Höhe für große Server: gleiche Informationen, ca. 10% kompakter. */
.rating-results-page .rating-results-card{
  padding:21px!important;
}
.rating-results-page .section-head.compact{
  margin-bottom:12px!important;
}
.rating-results-page .section-head.compact h2{
  margin-bottom:6px!important;
}
.rating-results-page .section-head.compact p{
  line-height:1.35!important;
}
.rating-results-stats{
  gap:9px!important;
  margin:14px 0 12px!important;
}
.rating-results-stats article{
  min-height:86px!important;
  padding:12px 13px!important;
  border-radius:15px!important;
}
.rating-results-stats small{
  line-height:1.2!important;
}
.rating-results-stats strong{
  font-size:1.65rem!important;
}
.rating-results-discord-hint{
  padding:10px 12px!important;
  margin-bottom:13px!important;
  border-radius:14px!important;
}
.rating-results-grid-panel{
  gap:13px!important;
}
.rating-results-box{
  padding:14px!important;
  border-radius:17px!important;
}
.rating-results-box-head{
  margin-bottom:12px!important;
}
.rating-results-box-head h3{
  font-size:1rem!important;
}
.rating-bars{
  gap:10px!important;
}
.rating-bar-row{
  grid-template-columns:64px 1fr 30px!important;
  gap:9px!important;
}
.rating-bar-track{
  height:12px!important;
}
.rating-team-box{
  gap:10px!important;
  grid-template-columns:190px minmax(0,1fr)!important;
}
.rating-agent-list{
  max-height:200px!important;
  gap:7px!important;
}
.rating-agent-item{
  padding:9px 10px!important;
  border-radius:13px!important;
}
.rating-agent-item strong,
.rating-agent-item span{
  font-size:.88rem!important;
}
.rating-agent-item small{
  font-size:.74rem!important;
}
.rating-agent-detail{
  padding:10px!important;
  gap:6px!important;
}
.rating-agent-detail>strong{
  font-size:.9rem!important;
}
.rating-agent-review-list{
  max-height:170px!important;
  gap:7px!important;
}
.rating-agent-review{
  padding:8px 9px!important;
  border-radius:11px!important;
}
.rating-agent-review p{
  font-size:.84rem!important;
  line-height:1.28!important;
}
.rating-agent-review small{
  font-size:.72rem!important;
}
.rating-latest-list{
  gap:9px!important;
  max-height:548px!important;
}
.rating-latest-item{
  min-height:96px!important;
  padding:10px 11px!important;
  gap:6px!important;
  border-radius:14px!important;
}
.rating-latest-item p{
  line-height:1.28!important;
}
.rating-latest-item header small,
.rating-latest-item time{
  font-size:.74rem!important;
}
.rating-results-footer-actions{
  margin-top:12px!important;
}
.rating-results-footer-actions .btn{
  min-height:38px!important;
}
.rating-command-hint{
  min-height:34px!important;
  padding:5px 9px!important;
}
@media(max-width:1320px){
  .rating-team-box{grid-template-columns:1fr!important;}
}
@media(max-width:760px){
  .rating-results-page .rating-results-card{padding:16px!important;}
  .rating-agent-review-list{max-height:190px!important;}
  .rating-latest-list{max-height:580px!important;}
}


/* Rating-Teamdetail Stable 2026-07-05
   Wenn „Ohne Bearbeiter“ viele alte Bewertungen enthält, darf der Bereich nicht wieder nach unten wachsen.
   Die perfekte kompakte Ansicht bleibt gleich, Details scrollen innen. */
.rating-agent-detail.is-unassigned-agent{
  max-height:174px!important;
  min-height:174px!important;
  overflow:hidden!important;
  gap:5px!important;
  padding:9px!important;
}
.rating-agent-detail.is-unassigned-agent>strong{
  font-size:.88rem!important;
  line-height:1.1!important;
}
.rating-agent-detail.is-unassigned-agent .rating-agent-assign-note{
  margin:0!important;
  font-size:.72rem!important;
  line-height:1.22!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
}
.rating-agent-detail.is-unassigned-agent .rating-agent-review-list{
  max-height:102px!important;
  gap:6px!important;
  padding-right:3px!important;
}
.rating-agent-detail.is-unassigned-agent .rating-agent-review{
  padding:6px 8px!important;
  gap:2px!important;
  border-radius:10px!important;
}
.rating-agent-detail.is-unassigned-agent .rating-agent-review p{
  line-height:1.2!important;
  font-size:.78rem!important;
}
.rating-agent-detail.is-unassigned-agent .rating-agent-review small{
  font-size:.68rem!important;
}
.rating-agent-detail.is-unassigned-agent .rating-scroll-hint{
  margin-top:0!important;
  font-size:.68rem!important;
  line-height:1.15!important;
}


/* Rating Team Detail Two Visible 2026-07-05
   Ohne-Bearbeiter-Detail bleibt kompakt, zeigt aber zwei Bewertungen sichtbar bevor gescrollt wird. */
.rating-agent-detail.is-unassigned-agent{
  max-height:198px!important;
  min-height:198px!important;
}
.rating-agent-detail.is-unassigned-agent .rating-agent-assign-note{
  -webkit-line-clamp:1!important;
  line-height:1.15!important;
  font-size:.70rem!important;
}
.rating-agent-detail.is-unassigned-agent .rating-agent-review-list{
  max-height:136px!important;
}
.rating-agent-detail.is-unassigned-agent .rating-agent-review{
  min-height:58px!important;
}

/* Unified SupportDesk icons and cleaner admin accordions 2026-07-05
   Kleine Inline-SVG-Icons statt Emoji-Marker, damit alle Bereiche zusammenpassen. */
.nc-ui-icon{
  width:20px;
  height:20px;
  min-width:20px;
  display:inline-grid;
  place-items:center;
  color:#38d7ff;
  filter:drop-shadow(0 0 10px rgba(56,215,255,.22));
  vertical-align:middle;
}
.nc-ui-icon svg{
  width:100%;
  height:100%;
  display:block;
}
.nc-icon-rating,
.nc-icon-star{
  color:#facc15;
  filter:drop-shadow(0 0 9px rgba(250,204,21,.20));
}
.nc-icon-archive,
.nc-icon-document,
.nc-icon-files{
  color:#8bd9ff;
}
.nc-icon-roles{
  color:#6ee7b7;
}
.nc-icon-palette{
  color:#a78bfa;
}
.nc-icon-pin{
  color:#fb7185;
}
.nc-icon-broom{
  color:#38d7ff;
}
.nc-icon-search{
  color:#c084fc;
}

.nc-brand{
  gap:13px!important;
  align-items:center!important;
  padding:12px 10px!important;
  border-radius:18px!important;
}
.nc-brand-mark{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(145deg, rgba(56,215,255,.18), rgba(37,99,235,.10));
  border:1px solid rgba(56,215,255,.16);
  box-shadow:0 12px 28px rgba(0,0,0,.30), inset 0 0 0 1px rgba(255,255,255,.04);
  overflow:hidden;
}
.nc-brand-mark img{
  width:38px!important;
  height:38px!important;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 0 12px rgba(56,215,255,.35));
}
.nc-brand strong{
  letter-spacing:.01em;
}
.nc-brand small{
  color:#9eb0ca!important;
}

.nc-nav{
  display:grid;
  gap:8px!important;
}
.nc-nav a{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:44px!important;
}
.nc-nav a .nav-icon{
  width:19px;
  height:19px;
  min-width:19px;
  opacity:.76;
  color:#8ea2c2;
  filter:none;
  transition:color .18s ease, opacity .18s ease, transform .18s ease;
}
.nc-nav a span:not(.nc-ui-icon){
  min-width:0;
}
.nc-nav a:hover .nav-icon,
.nc-nav a.active .nav-icon{
  opacity:1;
  color:#38d7ff;
  transform:translateX(1px);
  filter:drop-shadow(0 0 9px rgba(56,215,255,.22));
}

.panel-section-summary>span,
.ticket-types-section .panel-section-summary>span,
.panel-collapse>summary>span,
.roles-editor-group>summary,
.category-lean-card>summary{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0;
}
.panel-section-summary>span>strong,
.ticket-types-section .panel-section-summary>span>strong,
.panel-collapse>summary>span>strong{
  min-width:0;
}
.section-icon{
  width:22px;
  height:22px;
  min-width:22px;
  padding:5px;
  box-sizing:content-box;
  border-radius:12px;
  background:linear-gradient(145deg, rgba(56,215,255,.12), rgba(37,99,235,.06));
  border:1px solid rgba(56,215,255,.14);
}
.panel-collapse>summary,
.panel-section-summary{
  min-height:58px;
}
.panel-collapse>summary small,
.panel-section-summary small{
  margin-left:auto;
}

.rating-admin-form .panel-collapse>summary,
.archive-admin-form-v3 .panel-collapse>summary,
.ticket-panel-admin .panel-section-summary,
.ticket-types-section .panel-section-summary{
  padding-inline:20px!important;
}
.rating-admin-form .panel-collapse:not([open])>summary,
.archive-admin-form-v3 .panel-collapse:not([open])>summary{
  background:rgba(8,19,36,.54);
}
.rating-admin-form .panel-collapse>summary:hover,
.archive-admin-form-v3 .panel-collapse>summary:hover,
.ticket-panel-admin .panel-section-summary:hover,
.ticket-types-section .panel-section-summary:hover{
  border-color:rgba(56,215,255,.34)!important;
  background:linear-gradient(90deg, rgba(56,215,255,.075), rgba(37,99,235,.035));
}

.rating-results-footer-actions{
  align-items:center!important;
}
.rating-config-btn{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:36px!important;
  padding:9px 15px!important;
  border-radius:13px!important;
}
.rating-config-btn .btn-icon{
  width:18px;
  height:18px;
  min-width:18px;
}
.rating-command-hint{
  border-radius:13px!important;
}
.rating-command-hint span{
  opacity:.82;
}

@media(max-width:760px){
  .nc-brand-mark{width:42px;height:42px;border-radius:14px;}
  .nc-brand-mark img{width:34px!important;height:34px!important;}
  .section-icon{width:19px;height:19px;min-width:19px;padding:4px;border-radius:10px;}
  .panel-collapse>summary,
  .panel-section-summary{min-height:52px;}
}

/* Ticketarten icon alignment polish 2026-07-05
   Ticketarten nutzt eigene tt-section-summary-Struktur. Icons werden hier wie in den anderen Accordions mittig neben Titel/Text gesetzt. */
.ticket-types-section .tt-section-summary{
  min-height:58px!important;
  padding-inline:20px!important;
}
.ticket-types-section .tt-section-summary > span:first-child{
  display:grid!important;
  grid-template-columns:auto minmax(0, 1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:12px!important;
  row-gap:2px!important;
  min-width:0!important;
  flex:1 1 auto!important;
}
.ticket-types-section .tt-section-summary > span:first-child .section-icon{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
}
.ticket-types-section .tt-section-summary > span:first-child strong{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
}
.ticket-types-section .tt-section-summary > span:first-child small{
  grid-column:2!important;
  grid-row:2!important;
  min-width:0!important;
}
.ticket-types-section .tt-section-summary::before{
  align-self:center!important;
  flex:0 0 auto!important;
}
.ticket-types-section .tt-section-summary .badge{
  align-self:center!important;
}
@media(max-width:760px){
  .ticket-types-section .tt-section-summary{min-height:52px!important;padding-inline:16px!important;}
}

/* Roles & Rechte final polish: gleiche Accordion-Optik wie Panel/Bewertung/Archiv */
.roles-admin-page-compact .roles-admin-form{
  padding:26px 28px!important;
}
.roles-main-head-v2{
  align-items:center!important;
  margin-bottom:14px!important;
}
.roles-main-title,
.roles-sync-copy,
.roles-area-title{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}
.roles-main-title h2,
.roles-area-title h3{
  margin:0;
}
.roles-main-title .section-icon,
.roles-area-title .section-icon,
.roles-sync-copy .section-icon{
  flex:0 0 auto;
}
.roles-sync-strip-v2{
  min-height:54px;
  padding:10px 14px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(14,40,63,.62),rgba(7,18,34,.66))!important;
}
.roles-strip-icon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  padding:4px!important;
  border-radius:10px!important;
}
.roles-area-head-v2{
  align-items:center!important;
  gap:16px!important;
}
.roles-area-head-v2 h3{
  font-size:1.18rem!important;
}
.roles-area-head-v2 p{
  margin-top:3px!important;
}
.roles-editor-group > summary.roles-section-summary{
  min-height:56px!important;
  padding:12px 16px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
.roles-editor-group > summary.roles-section-summary .summary-arrow{
  flex:0 0 auto;
  color:#6be7ff;
  font-size:.78rem;
}
.roles-summary-icon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  padding:4px!important;
  border-radius:10px!important;
}
.roles-summary-copy{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  width:100%;
}
.roles-summary-copy strong{
  color:#edf7ff;
  font-weight:900;
  white-space:nowrap;
}
.roles-summary-copy em{
  color:#91a3bd;
  font-style:normal;
  font-size:.88rem;
  margin-left:auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.roles-user-help > summary{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.roles-user-help > summary strong{
  font-weight:900;
  color:#dff7ff;
}
.permissions-matrix-wrap{
  margin-top:12px!important;
}
.roles-add-list{
  margin-top:12px!important;
}
.role-add-card{
  min-height:62px!important;
}
.roles-admin-actions{
  margin-top:18px!important;
}
@media(max-width:820px){
  .roles-main-head-v2{align-items:flex-start!important;}
  .roles-summary-copy{align-items:flex-start;flex-direction:column;gap:3px;}
  .roles-summary-copy em{margin-left:0;white-space:normal;}
  .roles-sync-strip-v2{align-items:flex-start!important;flex-direction:column!important;}
}

/* Patch 20260707: Security page polish + dark native selects */
select,
textarea,
input[type="text"],
input[type="number"],
input[type="url"],
input[type="email"] {
  color-scheme: dark;
}
select option {
  background: #071125;
  color: #edf7ff;
}
select option:checked,
select option:hover {
  background: #12304d;
  color: #ffffff;
}

.security-settings-card {
  display: grid;
  gap: 16px;
}
.security-filter-collapse {
  overflow: hidden;
  padding: 0 !important;
}
.security-filter-collapse[open] {
  box-shadow: inset 0 0 0 1px rgba(56, 215, 255, .08);
}
.security-filter-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  cursor: pointer;
  list-style: none;
  user-select: none;
  border-bottom: 1px solid transparent;
}
.security-filter-summary::-webkit-details-marker {
  display: none;
}
.security-filter-collapse[open] > .security-filter-summary {
  border-bottom-color: rgba(124, 145, 181, .14);
}
.security-filter-summary::after {
  content: "▾";
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  border: 1px solid rgba(56, 215, 255, .18);
  background: rgba(8, 17, 33, .62);
  color: #7ddcff;
  transition: transform .18s ease, background .18s ease;
}
.security-filter-collapse:not([open]) > .security-filter-summary::after {
  transform: rotate(-90deg);
}
.security-filter-title {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 12px;
}
.security-filter-title > span {
  display: grid;
  gap: 3px;
}
.security-filter-title strong {
  color: #edf7ff;
  font-size: 18px;
  line-height: 1.15;
}
.security-filter-title small {
  color: #8ea0bb;
  font-size: 12px;
  font-weight: 800;
}
.security-filter-body {
  display: grid;
  gap: 16px;
  padding: 18px 20px 20px;
}
.security-choice-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.security-choice-tile {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px 11px;
  align-items: start;
  min-height: 82px;
  padding: 14px 15px;
  border: 1px solid rgba(124, 145, 181, .18);
  border-radius: 16px;
  background: rgba(7, 17, 36, .62);
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.security-choice-tile:hover,
.security-choice-tile.is-selected {
  border-color: rgba(56, 215, 255, .62);
  background: rgba(14, 43, 69, .58);
}
.security-choice-tile input {
  margin-top: 3px;
  accent-color: #38d7ff;
}
.security-choice-tile strong,
.security-choice-tile small {
  grid-column: 2;
}
.security-choice-tile strong {
  color: #f0f7ff;
  font-weight: 950;
}
.security-choice-tile small {
  color: #91a4bf;
  line-height: 1.35;
}
.security-choice-tile code {
  color: #d9efff;
  background: rgba(56, 215, 255, .09);
  border: 1px solid rgba(56, 215, 255, .12);
  border-radius: 8px;
  padding: 1px 5px;
}
.security-words-field {
  display: grid;
  gap: 8px;
}
.security-words-field textarea {
  width: 100%;
  min-height: 160px;
  resize: vertical;
}
@media(max-width:760px) {
  .security-filter-summary {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .security-choice-row {
    grid-template-columns: 1fr;
  }
}

/* Team-Befehle im Rollenbereich einklappbar */
.roles-command-collapse{
  overflow:hidden;
  padding:0!important;
}
.roles-command-collapse[open]{
  box-shadow:inset 0 0 0 1px rgba(56,215,255,.08);
}
.roles-command-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  cursor:pointer;
  list-style:none;
  user-select:none;
  border-bottom:1px solid transparent;
}
.roles-command-summary::-webkit-details-marker{display:none;}
.roles-command-collapse[open]>.roles-command-summary{
  border-bottom-color:rgba(124,145,181,.14);
}
.roles-command-summary>span{
  display:grid;
  gap:4px;
  min-width:0;
}
.roles-command-summary strong{
  color:#edf7ff;
  font-size:18px;
  line-height:1.15;
}
.roles-command-summary small{
  color:#8ea0bb;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.roles-command-summary::after{
  content:"▾";
  display:inline-grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:10px;
  border:1px solid rgba(56,215,255,.18);
  background:rgba(8,17,33,.62);
  color:#7ddcff;
  transition:transform .18s ease,background .18s ease;
}
.roles-command-collapse:not([open])>.roles-command-summary::after{
  transform:rotate(-90deg);
}
.roles-command-body{
  display:grid;
  gap:14px;
  padding:18px 20px 20px;
}
.roles-command-body>.muted-text{
  margin:0 0 2px;
}
.roles-command-body .command-compact-row,
.roles-command-body .limit-action-grid{
  margin-top:0;
}
@media(max-width:760px){
  .roles-command-summary{align-items:flex-start;}
}


/* Patch 20260707: Rollen-Team-Befehle schlanker an Matrix-Design angepasst */
.roles-team-commands-collapse{
  margin:14px 0 10px!important;
  border:1px solid rgba(56,215,255,.18)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(9,24,43,.64),rgba(6,16,31,.58))!important;
  box-shadow:none!important;
  overflow:hidden;
}
.roles-team-commands-collapse[open]{
  border-color:rgba(56,215,255,.28)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.12), inset 0 0 0 1px rgba(56,215,255,.04)!important;
}
.roles-team-commands-collapse>.roles-command-summary{
  min-height:56px!important;
  padding:12px 16px!important;
  border:0!important;
  background:transparent!important;
}
.roles-team-commands-collapse>.roles-command-summary::after{
  display:none!important;
  content:none!important;
}
.roles-team-commands-collapse>.roles-command-summary .summary-arrow{
  width:18px;
  min-width:18px;
  color:#6be7ff;
  font-size:18px;
  line-height:1;
  transform:rotate(0deg);
  transition:transform .18s ease,color .18s ease;
}
.roles-team-commands-collapse[open]>.roles-command-summary .summary-arrow{
  transform:rotate(90deg);
  color:#38d7ff;
}
.roles-team-commands-collapse>.roles-command-summary .roles-summary-copy strong{
  font-size:16px!important;
  line-height:1.1;
}
.roles-team-commands-collapse>.roles-command-summary .roles-summary-copy em{
  font-size:.88rem;
  letter-spacing:0;
  text-transform:none;
  font-weight:600;
}
.roles-team-commands-collapse>.roles-command-body{
  padding:0 16px 16px!important;
  gap:14px;
  border-top:1px solid rgba(124,145,181,.12);
}
.roles-command-intro{
  margin:14px 0 0!important;
  font-size:.94rem;
}
.roles-team-commands-collapse .command-compact-row{
  background:rgba(4,13,27,.38)!important;
  border-color:rgba(124,145,181,.12)!important;
  border-radius:16px!important;
}
.roles-team-commands-collapse .limit-action-grid{
  gap:10px!important;
}
.roles-team-commands-collapse .limit-action-card{
  min-height:58px!important;
  border-radius:14px!important;
  background:rgba(6,17,32,.55)!important;
}
.roles-team-commands-collapse .limit-action-card span small{
  font-size:.78rem!important;
}
.archive-test-card-v3 .archive-test-list-v3{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.archive-test-list-v3 li{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:10px;
  align-items:start;
  padding:10px 0;
  border-top:1px solid rgba(124,145,181,.12);
}
.archive-test-list-v3 li:first-child{border-top:0;padding-top:0;}
.archive-test-list-v3 li span{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:9px;
  background:rgba(56,215,255,.11);
  border:1px solid rgba(56,215,255,.18);
  color:#7ddcff;
  font-weight:900;
  font-size:.78rem;
}
.archive-test-list-v3 li p{
  margin:2px 0 0;
  color:#aebbd0;
  line-height:1.35;
  font-size:.9rem;
}
.roles-team-commands-collapse>.roles-command-summary .roles-summary-copy{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%;
}
.roles-team-commands-collapse>.roles-command-summary .roles-summary-copy em{
  margin-left:auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:820px){
  .roles-team-commands-collapse>.roles-command-summary .roles-summary-copy{
    align-items:flex-start!important;
    flex-wrap:wrap;
  }
  .roles-team-commands-collapse>.roles-command-summary .roles-summary-copy em{
    width:100%;
    margin-left:30px;
    white-space:normal;
  }
}


/* Patch 20260707: Team-Befehle im Rollenmenü wirklich wie Rollen-Accordions darstellen
   Überschreibt alte limits-command-block/roles-command-settings Reste. */
.roles-admin-page .roles-team-commands-inline,
.roles-admin-page .roles-team-commands-collapse{
  margin: 12px 0 10px !important;
  padding: 0 !important;
  border: 1px solid rgba(56,215,255,.16) !important;
  border-radius: 16px !important;
  background: rgba(6,18,34,.52) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
.roles-admin-page .roles-team-commands-inline[open],
.roles-admin-page .roles-team-commands-collapse[open]{
  border-color: rgba(56,215,255,.26) !important;
  background: linear-gradient(180deg, rgba(9,25,44,.58), rgba(6,16,31,.54)) !important;
  box-shadow: inset 0 0 0 1px rgba(56,215,255,.035) !important;
}
.roles-admin-page .roles-team-commands-inline > summary.roles-command-summary,
.roles-admin-page .roles-team-commands-collapse > summary.roles-command-summary{
  min-height: 54px !important;
  padding: 12px 16px !important;
  border: 0 !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
.roles-admin-page .roles-team-commands-inline > summary.roles-command-summary::after,
.roles-admin-page .roles-team-commands-collapse > summary.roles-command-summary::after{
  display: none !important;
  content: none !important;
}
.roles-admin-page .roles-team-commands-inline > summary .roles-summary-copy,
.roles-admin-page .roles-team-commands-collapse > summary .roles-summary-copy{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
}
.roles-admin-page .roles-team-commands-inline > summary .summary-arrow,
.roles-admin-page .roles-team-commands-collapse > summary .summary-arrow{
  width: 14px !important;
  min-width: 14px !important;
  color: #6be7ff !important;
  font-size: .8rem !important;
  line-height: 1 !important;
  transform: rotate(0deg) !important;
  transition: transform .18s ease, color .18s ease !important;
}
.roles-admin-page .roles-team-commands-inline[open] > summary .summary-arrow,
.roles-admin-page .roles-team-commands-collapse[open] > summary .summary-arrow{
  transform: rotate(90deg) !important;
  color: #38d7ff !important;
}
.roles-admin-page .roles-team-commands-inline > summary .roles-summary-icon,
.roles-admin-page .roles-team-commands-collapse > summary .roles-summary-icon{
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  padding: 4px !important;
  border-radius: 10px !important;
}
.roles-admin-page .roles-team-commands-inline > summary strong,
.roles-admin-page .roles-team-commands-collapse > summary strong{
  font-size: 1rem !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  color: #edf7ff !important;
}
.roles-admin-page .roles-team-commands-inline > summary em,
.roles-admin-page .roles-team-commands-collapse > summary em{
  margin-left: auto !important;
  color: #91a3bd !important;
  font-style: normal !important;
  font-size: .88rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.roles-admin-page .roles-team-commands-inline > .roles-command-body,
.roles-admin-page .roles-team-commands-collapse > .roles-command-body{
  padding: 0 16px 16px !important;
  border-top: 1px solid rgba(124,145,181,.11) !important;
  gap: 12px !important;
}
.roles-admin-page .roles-team-commands-inline:not([open]) > .roles-command-body,
.roles-admin-page .roles-team-commands-collapse:not([open]) > .roles-command-body{
  display: none !important;
}
.roles-admin-page .roles-team-commands-inline .command-compact-row,
.roles-admin-page .roles-team-commands-collapse .command-compact-row{
  margin-top: 12px !important;
  background: rgba(4,13,27,.36) !important;
  border: 1px solid rgba(124,145,181,.12) !important;
  border-radius: 15px !important;
}
.roles-admin-page .roles-team-commands-inline .limit-action-grid,
.roles-admin-page .roles-team-commands-collapse .limit-action-grid{
  gap: 10px !important;
}
.roles-admin-page .roles-team-commands-inline .limit-action-card,
.roles-admin-page .roles-team-commands-collapse .limit-action-card{
  min-height: 56px !important;
  border-radius: 14px !important;
  background: rgba(6,17,32,.54) !important;
}
@media(max-width:820px){
  .roles-admin-page .roles-team-commands-inline > summary .roles-summary-copy,
  .roles-admin-page .roles-team-commands-collapse > summary .roles-summary-copy{
    flex-wrap: wrap !important;
  }
  .roles-admin-page .roles-team-commands-inline > summary em,
  .roles-admin-page .roles-team-commands-collapse > summary em{
    width: 100% !important;
    margin-left: 30px !important;
    white-space: normal !important;
  }
}

/* Patch 20260707: Team-Befehle als eigenes Admin-Panel, nicht mehr in Rollen & Rechte */
.commands-admin-page .commands-settings-card{
  max-width:1180px;
  margin:0 auto;
}
.commands-main-head{
  align-items:flex-start;
  gap:18px;
}
.commands-title-wrap{
  display:flex;
  align-items:flex-start;
  gap:14px;
  min-width:0;
}
.commands-overview-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:16px 0 18px;
}
.commands-overview-strip>div{
  border:1px solid rgba(56,215,255,.14);
  background:rgba(5,16,30,.42);
  border-radius:15px;
  padding:12px 14px;
  min-height:72px;
  display:grid;
  align-content:center;
  gap:5px;
}
.commands-overview-strip strong{
  color:#e9f5ff;
  font-size:.9rem;
  font-weight:900;
}
.commands-overview-strip span{
  color:#95a7c0;
  font-size:.84rem;
  line-height:1.35;
}
.commands-panel-grid{
  display:grid;
  gap:14px;
}
.commands-prefix-card,
.commands-rules-card{
  border:1px solid rgba(56,215,255,.16);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(8,22,40,.55),rgba(5,14,27,.5));
  padding:16px;
}
.mini-section-title{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin:0 0 12px;
}
.mini-section-title strong{
  color:#edf7ff;
  font-weight:950;
  font-size:1rem;
}
.mini-section-title span{
  color:#7d8da6;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:800;
}
.commands-admin-page .command-compact-row-panel{
  margin:0!important;
  border-radius:16px!important;
  border-color:rgba(124,145,181,.13)!important;
  background:rgba(3,12,25,.36)!important;
}
.commands-toggle-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px!important;
}
.commands-admin-page .limit-action-card{
  min-height:66px;
  border-radius:15px;
  background:rgba(6,17,32,.54);
}
.commands-info-note{
  margin:16px 0 0;
  padding:13px 15px;
  display:flex;
  gap:10px;
  align-items:flex-start;
  border-radius:15px;
  border:1px solid rgba(56,215,255,.16);
  background:rgba(56,215,255,.055);
  color:#aebbd0;
  line-height:1.45;
}
.commands-info-note strong{
  color:#e9f5ff;
  white-space:nowrap;
}
.roles-admin-page .roles-team-commands-inline{
  display:none!important;
}
@media(max-width:1100px){
  .commands-overview-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .commands-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .commands-overview-strip,
  .commands-toggle-grid{grid-template-columns:1fr;}
  .commands-title-wrap{flex-direction:column;}
  .mini-section-title{align-items:flex-start;flex-direction:column;}
  .commands-info-note{display:block;}
}

/* Account login / guild selection / release dashboard - 20260707 */
body.supportdesk-login-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 32px;
  background:
    radial-gradient(circle at 18% 16%, rgba(56, 215, 255, .16), transparent 34%),
    radial-gradient(circle at 84% 12%, rgba(37, 99, 235, .18), transparent 32%),
    linear-gradient(135deg, #030712 0%, #08111f 48%, #0b1530 100%);
  color: var(--text, #eef6ff);
}

.supportdesk-login-shell {
  width: min(920px, 100%);
}

.supportdesk-login-card {
  border: 1px solid rgba(56, 215, 255, .24);
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(15, 23, 42, .96), rgba(8, 15, 29, .98)),
    radial-gradient(circle at 80% 0%, rgba(56, 215, 255, .16), transparent 38%);
  box-shadow: 0 30px 110px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.04);
  padding: clamp(26px, 5vw, 46px);
}

.supportdesk-login-brand {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  margin-bottom: 26px;
}

.supportdesk-login-brand h1 {
  margin: 0 0 8px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: .96;
  letter-spacing: -.04em;
}

.supportdesk-login-brand p:not(.eyebrow),
.supportdesk-login-hint {
  color: var(--muted, #9fb0c6);
  line-height: 1.55;
}

.supportdesk-login-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: end;
  margin-top: 22px;
}

.supportdesk-login-form label {
  display: grid;
  gap: 9px;
  color: var(--muted, #9fb0c6);
  font-weight: 800;
}

.supportdesk-login-form input {
  min-height: 54px;
  border-radius: 16px;
  border: 1px solid rgba(56, 215, 255, .22);
  background: rgba(3, 8, 18, .64);
  color: var(--text, #eef6ff);
  padding: 0 16px;
  font-size: 16px;
  outline: none;
}

.supportdesk-login-form input:focus {
  border-color: rgba(56, 215, 255, .72);
  box-shadow: 0 0 0 4px rgba(56, 215, 255, .10);
}

.supportdesk-login-form .btn {
  min-height: 54px;
  padding-inline: 24px;
}

.supportdesk-login-hint {
  margin-top: 18px;
  padding: 14px 16px;
  border: 1px solid rgba(56, 215, 255, .18);
  border-radius: 16px;
  background: rgba(56, 215, 255, .06);
}

.account-top-actions {
  gap: 10px;
}

.guild-switcher select {
  appearance: none;
  min-height: 38px;
  min-width: 180px;
  max-width: 260px;
  padding: 0 34px 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(56, 215, 255, .22);
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .92), rgba(7, 15, 29, .95)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2338D7FF' d='M6 8 0 0h12z'/%3E%3C/svg%3E") no-repeat right 13px center / 10px 7px;
  color: var(--text, #eef6ff);
  font-weight: 800;
}

.account-pill {
  text-decoration: none;
}

.account-page-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr);
  gap: 22px;
  align-items: start;
}

.account-hero-card,
.guild-select-card {
  overflow: hidden;
}

.account-session-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 22px 0;
}

.account-session-list > div {
  padding: 15px 16px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 16px;
  background: rgba(3, 8, 18, .25);
}

.account-session-list span,
.guild-card-option small,
.release-status-card small {
  display: block;
  color: var(--muted, #9fb0c6);
  font-size: 12px;
  line-height: 1.35;
}

.account-session-list strong,
.guild-card-option strong {
  display: block;
  margin-top: 4px;
  overflow-wrap: anywhere;
}

.danger-soft {
  border-color: rgba(248, 113, 113, .28) !important;
  color: #fecaca !important;
}

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

.guild-card-list {
  display: grid;
  gap: 10px;
}

.guild-card-option {
  position: relative;
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, .14);
  background: rgba(3, 8, 18, .24);
  cursor: pointer;
}

.guild-card-option.active {
  border-color: rgba(56, 215, 255, .62);
  background: linear-gradient(90deg, rgba(56, 215, 255, .12), rgba(37, 99, 235, .08));
}

.guild-card-option input {
  accent-color: #38D7FF;
}

.guild-avatar-letter {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  border: 1px solid rgba(56, 215, 255, .28);
  background: rgba(56, 215, 255, .10);
  color: #67e8f9;
  font-weight: 950;
}

.dashboard-hero-upgraded {
  align-items: center;
}

.dashboard-hero-actions {
  margin-top: 18px;
}

.release-status-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0 28px;
}

.release-status-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .74), rgba(7, 15, 29, .72));
}

.release-status-card > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 12px;
  font-weight: 1000;
}

.release-status-card.done {
  border-color: rgba(52, 211, 153, .22);
}

.release-status-card.done > span {
  background: rgba(52, 211, 153, .13);
  color: #86efac;
  border: 1px solid rgba(52, 211, 153, .32);
}

.release-status-card.todo > span {
  background: rgba(245, 158, 11, .12);
  color: #fbbf24;
  border: 1px solid rgba(245, 158, 11, .25);
}

.release-status-card strong {
  display: block;
  margin-bottom: 3px;
  font-size: 13px;
}

@media (max-width: 1180px) {
  .release-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .account-page-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .supportdesk-login-form { grid-template-columns: 1fr; }
  .account-session-list { grid-template-columns: 1fr; }
  .release-status-grid { grid-template-columns: 1fr; }
  .guild-switcher select { min-width: 140px; max-width: 170px; }
}

/* Account + Guild Dashboard Step 2 */
.account-control-page {
  display: grid;
  gap: 22px;
}

.account-command-center {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  overflow: hidden;
  border-color: rgba(56, 215, 255, .22);
  background:
    radial-gradient(circle at 88% 20%, rgba(56, 215, 255, .14), transparent 38%),
    linear-gradient(180deg, rgba(15, 23, 42, .86), rgba(7, 15, 29, .88));
}

.account-command-main h2 {
  margin: 0 0 10px;
  font-size: clamp(28px, 3vw, 44px);
  letter-spacing: -.04em;
}

.account-command-main .muted-text {
  max-width: 780px;
}

.account-command-side {
  display: grid;
  gap: 10px;
  min-width: 185px;
}

.account-status-pill {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, .16);
  background: rgba(3, 8, 18, .28);
  color: var(--muted, #9fb0c6);
  font-weight: 900;
  font-size: 12px;
  white-space: nowrap;
}

.account-status-pill.ok {
  border-color: rgba(52, 211, 153, .28);
  color: #bbf7d0;
  background: rgba(52, 211, 153, .10);
}

.account-status-pill.warn {
  border-color: rgba(245, 158, 11, .32);
  color: #fde68a;
  background: rgba(245, 158, 11, .10);
}

.account-status-pill.plan {
  border-color: rgba(56, 215, 255, .25);
  color: #a5f3fc;
  background: rgba(56, 215, 255, .08);
}

.account-grid-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .78fr);
  gap: 22px;
  align-items: start;
}

.account-grid-secondary {
  grid-template-columns: minmax(0, 1fr) minmax(380px, .72fr);
}

.account-panel-card {
  min-height: 100%;
}

.account-session-list-v2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.install-check-card .section-head {
  margin-bottom: 16px;
}

.install-check-list {
  display: grid;
  gap: 10px;
}

.install-check-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, .13);
  background: rgba(3, 8, 18, .22);
}

.install-check-row > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 12px;
  font-weight: 1000;
}

.install-check-row.ok {
  border-color: rgba(52, 211, 153, .20);
}

.install-check-row.ok > span {
  border: 1px solid rgba(52, 211, 153, .30);
  background: rgba(52, 211, 153, .12);
  color: #86efac;
}

.install-check-row.todo > span {
  border: 1px solid rgba(245, 158, 11, .25);
  background: rgba(245, 158, 11, .10);
  color: #fbbf24;
}

.install-check-row strong,
.invite-flow-steps strong {
  display: block;
  margin-bottom: 3px;
}

.install-check-row small,
.invite-flow-steps small {
  display: block;
  color: var(--muted, #9fb0c6);
  line-height: 1.35;
}

.install-meta-box {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px 14px;
  margin-top: 16px;
  padding: 14px;
  border-radius: 16px;
  border: 1px dashed rgba(56, 215, 255, .20);
  background: rgba(56, 215, 255, .05);
}

.install-meta-box span {
  color: var(--muted, #9fb0c6);
  font-size: 12px;
}

.install-meta-box strong {
  overflow-wrap: anywhere;
  text-align: right;
}

.guild-list-form-v2 .btn {
  justify-self: start;
}

.guild-card-list-v2 {
  max-height: 420px;
  overflow: auto;
  padding-right: 4px;
}

.guild-card-option-v2 {
  grid-template-columns: auto auto minmax(0, 1fr) auto;
}

.guild-card-option-v2 em {
  font-style: normal;
  padding: 6px 9px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, .16);
  color: var(--muted, #9fb0c6);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.guild-card-option-v2.active em {
  border-color: rgba(56, 215, 255, .35);
  color: #a5f3fc;
  background: rgba(56, 215, 255, .08);
}

.invite-card {
  border-color: rgba(56, 215, 255, .18);
}

.invite-flow-steps {
  display: grid;
  gap: 10px;
  margin: 16px 0;
}

.invite-flow-steps > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 16px;
  background: rgba(3, 8, 18, .22);
}

.invite-flow-steps span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 12px;
  border: 1px solid rgba(56, 215, 255, .28);
  background: rgba(56, 215, 255, .09);
  color: #67e8f9;
  font-weight: 1000;
}

.wide-btn {
  width: 100%;
  justify-content: center;
}

.compact-alert {
  padding: 12px 14px;
  font-size: 13px;
}

@media (max-width: 1180px) {
  .account-command-center,
  .account-grid-main,
  .account-grid-secondary {
    grid-template-columns: 1fr;
  }
  .account-command-side {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .account-session-list-v2,
  .account-command-side {
    grid-template-columns: 1fr;
  }
  .guild-card-option-v2 {
    grid-template-columns: auto auto minmax(0, 1fr);
  }
  .guild-card-option-v2 em {
    grid-column: 2 / -1;
    justify-self: start;
  }
  .install-meta-box {
    grid-template-columns: 1fr;
  }
  .install-meta-box strong {
    text-align: left;
  }
}

/* Patch 2.5 - Account/Dashboard entkoppelt */
.account-command-center-slim {
  grid-template-columns: minmax(0, 1fr) minmax(160px, auto);
  padding: 24px;
}

.account-command-center-slim .account-command-main h2 {
  font-size: clamp(24px, 2.1vw, 34px);
}

.compact-account-list {
  margin-bottom: 0;
}

.compact-install-meta {
  margin-top: 0;
}

.invite-flow-steps > div > strong,
.invite-flow-steps > div > small {
  grid-column: 2;
}

.invite-flow-steps > div > small {
  max-width: 100%;
}

.account-control-page .guild-list-form-v2 .btn {
  background: linear-gradient(135deg, rgba(56, 215, 255, .18), rgba(37, 99, 235, .12));
  border-color: rgba(56, 215, 255, .32);
  color: #eaf6ff;
}

.account-control-page .guild-list-form-v2 .btn:hover {
  border-color: rgba(56, 215, 255, .55);
}

@media (max-width: 760px) {
  .account-command-center-slim {
    padding: 18px;
  }
}

/* Patch 2.6 - Account topbar + Team-Zugriff vorbereitet */
.account-top-actions {
  align-items: center;
}

.account-profile-button {
  position: relative;
  display: inline-grid;
  grid-template-columns: 34px minmax(0, auto) 22px;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 6px 10px 6px 7px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, .18);
  background:
    radial-gradient(circle at 20% 20%, rgba(56, 215, 255, .16), transparent 36%),
    linear-gradient(180deg, rgba(15, 23, 42, .82), rgba(7, 15, 29, .88));
  color: var(--text, #eef6ff);
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
  transition: border-color .18s ease, transform .18s ease, background .18s ease;
}

.account-profile-button:hover,
.account-profile-button.active {
  border-color: rgba(56, 215, 255, .55);
  background:
    radial-gradient(circle at 20% 20%, rgba(56, 215, 255, .25), transparent 40%),
    linear-gradient(180deg, rgba(15, 23, 42, .92), rgba(8, 20, 40, .92));
  transform: translateY(-1px);
}

.account-profile-avatar,
.account-identity-avatar {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 13px;
  border: 1px solid rgba(56, 215, 255, .36);
  background: linear-gradient(135deg, rgba(56, 215, 255, .20), rgba(37, 99, 235, .14));
  color: #a5f3fc;
  font-weight: 1000;
  letter-spacing: .02em;
}

.account-profile-copy {
  display: grid;
  gap: 1px;
  line-height: 1.05;
}

.account-profile-copy strong {
  font-size: 13px;
  font-weight: 950;
}

.account-profile-copy small {
  color: var(--muted, #9fb0c6);
  font-size: 11px;
  font-weight: 800;
}

.account-profile-gear {
  width: 20px;
  height: 20px;
  color: rgba(56, 215, 255, .78);
}

.account-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
  align-items: center;
}

.account-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 44px;
  padding: 0 16px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, .16);
  text-decoration: none;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}

.account-action-btn .nc-ui-icon {
  width: 18px;
  height: 18px;
}

.account-action-primary {
  color: #eaf6ff;
  border-color: rgba(56, 215, 255, .35);
  background: linear-gradient(135deg, rgba(56, 215, 255, .20), rgba(37, 99, 235, .14));
}

.account-action-danger {
  color: #fecaca;
  border-color: rgba(248, 113, 113, .26);
  background: rgba(127, 29, 29, .12);
}

.account-action-primary:hover,
.account-action-danger:hover {
  transform: translateY(-1px);
}

.account-team-grid {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(360px, 1.12fr);
  gap: 22px;
  align-items: stretch;
}

.account-identity-row {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(56, 215, 255, .16);
  background: rgba(3, 8, 18, .22);
}

.account-identity-avatar {
  width: 50px;
  height: 50px;
  border-radius: 18px;
  font-size: 20px;
}

.account-identity-row strong {
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
}

.account-identity-row small {
  display: block;
  color: var(--muted, #9fb0c6);
  line-height: 1.45;
}

.account-team-card {
  border-color: rgba(56, 215, 255, .18);
}

.team-permission-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.team-permission-preview span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(56, 215, 255, .20);
  background: rgba(56, 215, 255, .07);
  color: #a5f3fc;
  font-size: 12px;
  font-weight: 900;
}

.account-control-page .quick-action-row {
  align-items: center;
}

@media (max-width: 1180px) {
  .account-team-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .account-profile-button {
    grid-template-columns: 34px 22px;
  }
  .account-profile-copy {
    display: none;
  }
  .account-hero-actions,
  .account-action-btn {
    width: 100%;
  }
}


/* Patch 2.7 - Account Dropdown wie Discord-Profilmenü */
.account-top-actions {
  gap: 10px;
  position: relative;
}

.top-guild-menu,
.account-user-menu {
  position: relative;
  z-index: 30;
}

.top-guild-menu summary,
.account-user-trigger {
  list-style: none;
  cursor: pointer;
  user-select: none;
}

.top-guild-menu summary::-webkit-details-marker,
.account-user-trigger::-webkit-details-marker {
  display: none;
}

.top-guild-menu summary {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 170px;
  min-height: 42px;
  padding: 0 14px 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(56, 215, 255, .22);
  background: linear-gradient(180deg, rgba(15, 23, 42, .86), rgba(8, 15, 30, .88));
  color: #f8fbff;
  font-weight: 950;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.top-guild-menu[open] summary,
.top-guild-menu summary:hover {
  border-color: rgba(56, 215, 255, .50);
  background: linear-gradient(180deg, rgba(17, 33, 58, .94), rgba(8, 18, 35, .94));
}

.top-menu-chevron,
.account-user-caret {
  display: inline-grid;
  place-items: center;
  color: rgba(56, 215, 255, .75);
  transition: transform .18s ease;
}

.top-guild-menu[open] .top-menu-chevron,
.account-user-menu[open] .account-user-caret {
  transform: rotate(180deg);
}

.top-guild-menu-panel,
.account-user-panel {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  min-width: 300px;
  padding: 10px;
  border-radius: 20px;
  border: 1px solid rgba(56, 215, 255, .18);
  background:
    radial-gradient(circle at 100% 0%, rgba(56, 215, 255, .10), transparent 38%),
    linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(6, 12, 24, .98));
  box-shadow: 0 24px 60px rgba(0,0,0,.46);
}

.top-guild-list {
  display: grid;
  gap: 8px;
}

.top-guild-item {
  width: 100%;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 58px;
  padding: 9px 10px;
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, .14);
  background: rgba(2, 8, 20, .34);
  color: #eef6ff;
  text-align: left;
  cursor: pointer;
}

.top-guild-item:hover,
.top-guild-item.active {
  border-color: rgba(56, 215, 255, .40);
  background: rgba(56, 215, 255, .09);
}

.top-guild-item:disabled {
  cursor: default;
  opacity: 1;
}

.top-guild-avatar {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(56, 215, 255, .30);
  background: rgba(56, 215, 255, .12);
  color: #a5f3fc;
  font-weight: 1000;
}

.top-guild-item strong,
.top-guild-item small {
  display: block;
}

.top-guild-item small {
  margin-top: 2px;
  color: rgba(159,176,198,.82);
  font-size: 11px;
}

.top-guild-item em {
  font-style: normal;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  color: #a5f3fc;
}

.account-profile-button {
  display: none !important;
}

.account-user-trigger {
  display: inline-grid;
  grid-template-columns: 38px minmax(86px, auto) 16px;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 5px 11px 5px 6px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, .18);
  background:
    radial-gradient(circle at 20% 18%, rgba(99, 102, 241, .15), transparent 38%),
    linear-gradient(180deg, rgba(15, 23, 42, .86), rgba(7, 12, 24, .94));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 26px rgba(0,0,0,.20);
  color: #eef6ff;
}

.account-user-menu[open] .account-user-trigger,
.account-user-trigger:hover,
.account-user-menu.active .account-user-trigger {
  border-color: rgba(56, 215, 255, .52);
  background:
    radial-gradient(circle at 18% 18%, rgba(56, 215, 255, .18), transparent 38%),
    linear-gradient(180deg, rgba(16, 31, 55, .94), rgba(8, 17, 33, .96));
}

.account-user-avatar {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .20);
  background: linear-gradient(135deg, rgba(99,102,241,.34), rgba(56,215,255,.14));
  color: #dbeafe;
  font-size: 15px;
  font-weight: 1000;
}

.account-user-avatar.big {
  width: 48px;
  height: 48px;
  border-radius: 17px;
  font-size: 18px;
}

.account-user-avatar img,
.account-identity-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.account-user-copy {
  min-width: 0;
  display: grid;
  gap: 1px;
  line-height: 1.04;
}

.account-user-copy strong {
  max-width: 132px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 1000;
}

.account-user-copy small {
  color: rgba(159,176,198,.85);
  font-size: 11px;
  font-weight: 850;
  text-transform: lowercase;
}

.account-user-panel {
  min-width: 286px;
}

.account-user-head {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 8px 8px 12px;
}

.account-user-head strong,
.account-user-head small {
  display: block;
}

.account-user-head strong {
  font-size: 15px;
  font-weight: 1000;
}

.account-user-head small {
  margin-top: 3px;
  color: rgba(159,176,198,.86);
  font-size: 12px;
}

.account-user-panel a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 10px;
  border-radius: 13px;
  color: #dbeafe;
  text-decoration: none;
  font-weight: 850;
}

.account-user-panel a:hover {
  background: rgba(56, 215, 255, .08);
  color: #ffffff;
}

.account-user-panel a .nc-ui-icon {
  width: 17px;
  height: 17px;
  color: rgba(191, 219, 254, .86);
}

.account-user-panel a.danger {
  color: #fecaca;
}

.account-user-panel a.danger .nc-ui-icon {
  color: #fca5a5;
}

.account-user-separator {
  height: 1px;
  margin: 8px 4px;
  background: rgba(148, 163, 184, .14);
}

.account-command-center-slim .account-hero-actions {
  gap: 10px;
}

.account-command-center-slim .account-action-btn {
  min-height: 42px;
  border-radius: 14px;
  padding: 0 15px;
}

.account-action-danger {
  color: #fecaca !important;
}

@media (max-width: 860px) {
  .account-user-trigger {
    grid-template-columns: 38px 16px;
  }
  .account-user-copy {
    display: none;
  }
  .top-guild-menu summary {
    min-width: 132px;
  }
  .top-guild-menu-panel,
  .account-user-panel {
    right: -8px;
  }
}

/* Patch 2.8 - Account in echte Einzelbereiche trennen */
.account-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}
.account-section-tabs a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 13px;
  border-radius: 13px;
  border: 1px solid rgba(148, 163, 184, .16);
  background: rgba(2, 8, 20, .28);
  color: rgba(220, 234, 255, .86);
  text-decoration: none;
  font-weight: 900;
}
.account-section-tabs a:hover,
.account-section-tabs a.active {
  border-color: rgba(56, 215, 255, .45);
  background: rgba(56, 215, 255, .10);
  color: #fff;
}
.account-section-tabs .nc-ui-icon {
  width: 16px;
  height: 16px;
  color: rgba(56, 215, 255, .82);
}
.account-page-split .account-command-center-slim {
  align-items: stretch;
}
.account-profile-grid {
  align-items: stretch;
}
.big-profile-row {
  align-items: center;
  margin-top: 8px;
}
.account-identity-avatar.large {
  width: 64px;
  height: 64px;
  border-radius: 22px;
  font-size: 23px;
}
.account-profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.account-plan-model-card {
  margin-top: 18px;
}
.plan-model-preview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.plan-model-preview span,
.team-permission-list div,
.team-invite-preview {
  border: 1px solid rgba(148, 163, 184, .14);
  background: rgba(2, 8, 20, .28);
  border-radius: 16px;
  padding: 14px;
}
.plan-model-preview strong,
.plan-model-preview small,
.team-permission-list strong,
.team-permission-list small {
  display: block;
}
.plan-model-preview strong,
.team-permission-list strong {
  color: #f8fbff;
  font-weight: 1000;
}
.plan-model-preview small,
.team-permission-list small,
.team-invite-preview small {
  margin-top: 4px;
  color: rgba(159, 176, 198, .86);
  line-height: 1.35;
}
.account-team-page-grid {
  align-items: stretch;
}
.team-invite-preview label {
  display: block;
  margin-bottom: 8px;
  color: rgba(159,176,198,.88);
  font-size: 12px;
  font-weight: 850;
}
.team-invite-preview > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}
.team-invite-preview input {
  min-height: 42px;
  padding: 0 12px;
  border-radius: 12px;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(2,8,20,.42);
  color: rgba(220,234,255,.72);
}
.team-permission-list {
  display: grid;
  gap: 10px;
}
.compact-steps {
  grid-template-columns: 1fr;
}
.account-user-panel a.active {
  background: rgba(56, 215, 255, .11);
  color: #ffffff;
}
.account-user-panel a.active .nc-ui-icon {
  color: #67e8f9;
}
.account-user-menu[open] {
  z-index: 80;
}
.account-user-panel {
  z-index: 90;
}

@media (max-width: 980px) {
  .plan-model-preview {
    grid-template-columns: 1fr;
  }
  .team-invite-preview > div {
    grid-template-columns: 1fr;
  }
}

/* Support Panel Builder Expansion - 2026-07-07 */
.ticket-panel-admin .panel-button-editor-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.ticket-panel-admin .panel-button-edit-card{
  border:1px solid rgba(124,145,181,.18);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(9,20,38,.78),rgba(7,14,27,.72));
  padding:15px;
  display:grid;
  gap:13px;
  min-width:0;
}
.ticket-panel-admin .panel-button-edit-card header{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.ticket-panel-admin .panel-button-edit-card header strong{
  color:#edf7ff;
  font-weight:950;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ticket-panel-admin .panel-button-edit-card header span,
.ticket-panel-admin .panel-button-edit-card header .mini-toggle{
  margin-left:auto;
  color:#91a5c0;
  font-size:.82rem;
  font-weight:800;
}
.ticket-panel-admin .ticket-style-dot{
  width:32px;
  height:32px;
  min-width:32px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-style:normal;
  font-weight:950;
  background:rgba(56,215,255,.12);
  border:1px solid rgba(56,215,255,.24);
}
.ticket-panel-admin .ticket-style-dot.primary{background:rgba(88,101,242,.16);border-color:rgba(88,101,242,.4)}
.ticket-panel-admin .ticket-style-dot.secondary{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.28)}
.ticket-panel-admin .ticket-style-dot.success{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.36)}
.ticket-panel-admin .ticket-style-dot.danger{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.36)}
.ticket-panel-admin .panel-button-edit-fields,
.ticket-panel-admin .panel-button-storage-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.ticket-panel-admin .panel-button-edit-fields label,
.ticket-panel-admin .panel-button-storage-grid label,
.ticket-panel-admin .panel-admin-fields label{
  display:grid;
  gap:7px;
  min-width:0;
}
.ticket-panel-admin .panel-button-edit-fields label span,
.ticket-panel-admin .panel-button-storage-grid label span,
.ticket-panel-admin .panel-admin-fields label span{
  color:#aab9cf;
  font-size:.86rem;
  font-weight:850;
}
.ticket-panel-admin .panel-button-edit-fields input,
.ticket-panel-admin .panel-button-edit-fields select,
.ticket-panel-admin .panel-button-storage-grid input,
.ticket-panel-admin .panel-button-storage-grid select,
.ticket-panel-admin .panel-admin-fields input,
.ticket-panel-admin .panel-admin-fields select,
.ticket-panel-admin .panel-admin-fields textarea{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(124,145,181,.22);
  background:#071125;
  color:#edf7ff;
  padding:12px 13px;
  outline:none;
}
.ticket-panel-admin .panel-admin-fields textarea{
  min-height:140px;
  resize:vertical;
  line-height:1.5;
}
.ticket-panel-admin .panel-button-edit-fields input:focus,
.ticket-panel-admin .panel-button-edit-fields select:focus,
.ticket-panel-admin .panel-button-storage-grid input:focus,
.ticket-panel-admin .panel-button-storage-grid select:focus,
.ticket-panel-admin .panel-admin-fields input:focus,
.ticket-panel-admin .panel-admin-fields select:focus,
.ticket-panel-admin .panel-admin-fields textarea:focus{
  border-color:rgba(56,215,255,.58);
  box-shadow:0 0 0 3px rgba(56,215,255,.08);
}
.ticket-panel-admin .span-2{grid-column:1/-1;}
.ticket-panel-admin .panel-button-storage-note{
  border:1px dashed rgba(56,215,255,.22);
  background:rgba(56,215,255,.045);
  border-radius:14px;
  padding:10px 12px;
  color:#8fa3bd;
  display:grid;
  gap:3px;
}
.ticket-panel-admin .panel-button-storage-note strong{color:#dff7ff;}
.ticket-panel-admin .clean-toggle{
  display:flex!important;
  align-items:center;
  gap:10px;
  border:1px solid rgba(124,145,181,.16);
  background:rgba(6,14,27,.54);
  border-radius:14px;
  padding:12px 13px;
  color:#c9d7ea;
}
.ticket-panel-admin .clean-toggle input{width:auto!important;}
.ticket-panel-admin .panel-button-add-card{
  border-color:rgba(34,197,94,.32);
  background:linear-gradient(180deg,rgba(12,36,37,.74),rgba(7,16,31,.76));
}
.ticket-panel-admin .panel-button-add-card p,
.ticket-panel-admin .is-locked p{
  margin:0;
  color:#97aac4;
  line-height:1.45;
}
.ticket-panel-admin .add-button-fields{
  border-top:1px solid rgba(124,145,181,.12);
  padding-top:12px;
}
.ticket-panel-admin .rich-panel-textarea .field-hint,
.ticket-panel-admin .field-hint{
  display:block;
  margin-top:7px;
  color:#8ea2bd;
  font-size:.82rem;
  line-height:1.4;
}
.ticket-panel-admin .is-locked{
  opacity:.82;
  border-style:dashed;
}
@media(max-width:1180px){
  .ticket-panel-admin .panel-button-editor-grid{grid-template-columns:1fr;}
}
@media(max-width:720px){
  .ticket-panel-admin .panel-button-edit-fields,
  .ticket-panel-admin .panel-button-storage-grid{grid-template-columns:1fr;}
}


/* Public panel description help */
.ticket-panel-admin .panel-format-help{
  margin-top:-4px;
  border:1px solid rgba(56,215,255,.18);
  background:linear-gradient(135deg, rgba(8,18,34,.78), rgba(12,31,52,.52));
  border-radius:18px;
  padding:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.ticket-panel-admin .panel-help-intro{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:13px;
}
.ticket-panel-admin .panel-help-intro strong{
  color:#eff7ff;
  font-size:1rem;
}
.ticket-panel-admin .panel-help-intro span{
  max-width:760px;
  color:#9fb0c8;
  line-height:1.45;
  font-size:.92rem;
}
.ticket-panel-admin .format-chip-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
}
.ticket-panel-admin .format-chip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 11px;
  border:1px solid rgba(124,145,181,.16);
  border-radius:14px;
  background:rgba(4,12,25,.56);
  min-height:44px;
}
.ticket-panel-admin .format-chip code{
  color:#eaf7ff;
  font-size:.82rem;
  white-space:nowrap;
}
.ticket-panel-admin .format-chip span{
  color:#8fa4bf;
  font-size:.78rem;
  text-align:right;
}
.ticket-panel-admin .format-example-card{
  margin-top:12px;
  border:1px solid rgba(124,145,181,.14);
  border-radius:16px;
  background:rgba(5,13,27,.58);
  overflow:hidden;
}
.ticket-panel-admin .format-example-card summary{
  cursor:pointer;
  padding:12px 14px;
  color:#dff7ff;
  font-weight:800;
  list-style:none;
}
.ticket-panel-admin .format-example-card summary::-webkit-details-marker{display:none;}
.ticket-panel-admin .format-example-card summary:before{
  content:'›';
  display:inline-block;
  margin-right:8px;
  color:#38d7ff;
  transition:transform .16s ease;
}
.ticket-panel-admin .format-example-card[open] summary:before{transform:rotate(90deg);}
.ticket-panel-admin .format-example-card pre{
  margin:0;
  padding:0 14px 14px;
  color:#b9c9dc;
  white-space:pre-wrap;
  line-height:1.5;
  font-size:.86rem;
}
.ticket-panel-admin .panel-help-warning{
  margin:12px 0 0;
  color:#9fb0c8;
  font-size:.88rem;
  line-height:1.45;
}
.ticket-panel-admin .panel-help-warning strong{color:#fff2b8;}
@media(max-width:1180px){
  .ticket-panel-admin .format-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ticket-panel-admin .panel-help-intro{display:block;}
  .ticket-panel-admin .panel-help-intro span{display:block;margin-top:5px;}
}
@media(max-width:720px){
  .ticket-panel-admin .format-chip-grid{grid-template-columns:1fr;}
}

/* Compact collapsible format help */
.ticket-panel-admin details.panel-format-help{
  padding:0;
  overflow:hidden;
}
.ticket-panel-admin .panel-format-help > summary.panel-help-intro{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0;
  padding:14px 16px;
  cursor:pointer;
  list-style:none;
}
.ticket-panel-admin .panel-format-help > summary.panel-help-intro::-webkit-details-marker{display:none;}
.ticket-panel-admin .panel-format-help > summary.panel-help-intro:before{
  content:'›';
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 22px;
  border:1px solid rgba(56,215,255,.28);
  border-radius:9px;
  color:#38d7ff;
  background:rgba(56,215,255,.08);
  transition:transform .16s ease, background .16s ease;
}
.ticket-panel-admin .panel-format-help[open] > summary.panel-help-intro:before{
  transform:rotate(90deg);
  background:rgba(56,215,255,.14);
}
.ticket-panel-admin .panel-help-title{
  display:flex !important;
  flex-direction:column;
  gap:3px;
  min-width:0;
  max-width:none !important;
  margin:0 !important;
}
.ticket-panel-admin .panel-help-title strong{
  color:#eff7ff;
  font-size:1rem;
  line-height:1.2;
}
.ticket-panel-admin .panel-help-title small{
  color:#8fa4bf;
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.01em;
}
.ticket-panel-admin .panel-help-toggle{
  flex:0 0 auto;
  margin:0 !important;
  max-width:none !important;
  padding:7px 10px;
  border:1px solid rgba(124,145,181,.16);
  border-radius:999px;
  background:rgba(4,12,25,.52);
  color:#9fb0c8 !important;
  font-size:0 !important;
  line-height:1;
}
.ticket-panel-admin .panel-help-toggle:after{
  content:'öffnen';
  font-size:.74rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.ticket-panel-admin .panel-format-help[open] .panel-help-toggle:after{content:'schließen';}
.ticket-panel-admin .panel-help-content{
  border-top:1px solid rgba(124,145,181,.12);
  padding:14px 16px 16px;
}
.ticket-panel-admin .panel-help-copy{
  margin:0 0 12px;
  color:#9fb0c8;
  line-height:1.45;
  font-size:.92rem;
}
@media(max-width:720px){
  .ticket-panel-admin .panel-format-help > summary.panel-help-intro{
    align-items:flex-start;
  }
  .ticket-panel-admin .panel-help-toggle{display:none !important;}
}

/* Patch 2.14 - Ticket-Panel Editor repariert: Accordions ruhig, Preview Markdown sauber */
.ticket-panel-admin .panel-admin-main > details.panel-section{
  background: linear-gradient(180deg, rgba(14,27,47,.70), rgba(8,16,31,.64));
  border:1px solid rgba(99,126,166,.20);
  border-radius:18px;
  overflow:hidden;
}
.ticket-panel-admin .panel-admin-main > details.panel-section:not([open]){
  background:rgba(8,17,33,.56);
}
.ticket-panel-admin .panel-admin-main > details.panel-section:not([open]) > .panel-section-body{
  display:none!important;
}
.ticket-panel-admin .panel-section-summary{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid transparent!important;
}
.ticket-panel-admin details.panel-section[open] > .panel-section-summary{
  border-bottom-color:rgba(124,145,181,.12)!important;
}
.ticket-panel-admin .panel-section-summary:hover{
  background:rgba(56,215,255,.025)!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.ticket-panel-admin .panel-button-editor-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.ticket-panel-admin .panel-button-edit-card{
  background:rgba(8,17,33,.58);
  border:1px solid rgba(99,126,166,.20);
  border-radius:18px;
}
.ticket-panel-admin .panel-button-edit-card:hover{
  border-color:rgba(56,215,255,.28);
  background:rgba(10,22,41,.66);
}
.ticket-panel-admin .preview-description-text.preview-discord-markdown{
  display:block!important;
  white-space:normal!important;
  line-height:1.36!important;
  overflow-wrap:break-word;
  word-break:normal;
}
.ticket-panel-admin .preview-description-text.preview-discord-markdown .preview-md-line{
  display:block!important;
  margin:1px 0!important;
}
.ticket-panel-admin .preview-description-text.preview-discord-markdown .preview-md-heading{
  display:block!important;
  margin:10px 0 3px!important;
  color:#fff!important;
  font-weight:900!important;
}
.ticket-panel-admin .preview-description-text.preview-discord-markdown .preview-md-heading:first-child{
  margin-top:0!important;
}
.ticket-panel-admin .preview-description-text.preview-discord-markdown .preview-md-gap{
  display:block!important;
  height:9px!important;
}
.ticket-panel-admin .preview-description-text.preview-discord-markdown ul.preview-md-list{
  display:block!important;
  list-style:disc outside!important;
  margin:4px 0 10px 18px!important;
  padding:0!important;
}
.ticket-panel-admin .preview-description-text.preview-discord-markdown ul.preview-md-list li{
  display:list-item!important;
  margin:2px 0!important;
  padding-left:2px!important;
}
.ticket-panel-admin .preview-description-text.preview-discord-markdown strong{
  color:#fff!important;
  font-weight:900!important;
}
.ticket-panel-admin .preview-description-text.preview-discord-markdown code{
  display:inline-block;
  padding:1px 5px 2px;
  border-radius:5px;
  background:rgba(7,10,18,.62);
  border:1px solid rgba(255,255,255,.08);
  color:#f8fafc;
}
@media(max-width:980px){
  .ticket-panel-admin .panel-button-editor-grid{grid-template-columns:1fr;}
}


/* Patch 2.15 - Ticket Panel: breite Vorschau bei großen Menüs, ruhige Accordion-Hover, neue Favicons */
.ticket-panel-admin .panel-admin-main > details.panel-section > summary.panel-section-summary:hover,
.ticket-panel-admin .panel-admin-main > details.panel-section:not([open]) > summary.panel-section-summary:hover,
.ticket-panel-admin .panel-admin-main > details.panel-section[open] > summary.panel-section-summary:hover{
  background:transparent!important;
  box-shadow:none!important;
  border-color:transparent!important;
}
.ticket-panel-admin .panel-admin-main > details.panel-section:hover{
  box-shadow:none!important;
}
.ticket-panel-admin .panel-admin-main > details.panel-section:not([open]):hover{
  background:rgba(8,17,33,.56)!important;
  border-color:rgba(99,126,166,.20)!important;
}
.ticket-panel-admin .panel-section-summary::before,
.ticket-panel-admin .panel-section-summary::after{
  pointer-events:none;
}

@media (min-width: 1220px){
  .ticket-panel-admin .panel-admin-grid.is-rich-panel-preview{
    grid-template-columns:minmax(0, .86fr) minmax(500px, 620px)!important;
    align-items:start!important;
  }
  .ticket-panel-admin .panel-admin-grid.is-rich-panel-preview .panel-admin-side{
    min-width:0!important;
    width:100%!important;
  }
  .ticket-panel-admin .panel-admin-grid.is-rich-panel-preview .panel-preview-card{
    width:100%!important;
  }
  .ticket-panel-admin .panel-admin-grid.is-rich-panel-preview .shared-panel-preview{
    width:100%!important;
    max-width:none!important;
  }
  .ticket-panel-admin .panel-admin-grid.is-rich-panel-preview .preview-description-text.preview-discord-markdown{
    line-height:1.40!important;
    font-size:.94rem!important;
  }
  .ticket-panel-admin .panel-admin-grid.is-rich-panel-preview .preview-description-text.preview-discord-markdown .preview-md-line{
    margin:2px 0!important;
  }
  .ticket-panel-admin .panel-admin-grid.is-rich-panel-preview .fake-buttons{
    gap:8px!important;
  }
}
@media (min-width: 1540px){
  .ticket-panel-admin .panel-admin-grid.is-rich-panel-preview{
    grid-template-columns:minmax(0, .82fr) minmax(560px, 680px)!important;
  }
}
@media (min-width: 1220px) and (max-width: 1380px){
  .ticket-panel-admin .panel-admin-grid.is-rich-panel-preview{
    grid-template-columns:minmax(0, .92fr) minmax(460px, 540px)!important;
  }
}

/* Patch 2.16 - Ticket-Panel Preview: kompakte Ticketarten-Zeilen und moderat breite Vorschau */
.ticket-panel-admin .preview-description-text.preview-discord-markdown .preview-md-line strong,
.ticket-panel-admin .preview-description-text.preview-discord-markdown .preview-md-ticket-row strong{
  display:inline!important;
  margin:0!important;
  color:#fff!important;
  font-weight:900!important;
  line-height:inherit!important;
}
.ticket-panel-admin .preview-description-text.preview-discord-markdown .preview-md-ticket-row{
  display:flex!important;
  align-items:baseline!important;
  gap:5px!important;
  margin:2px 0!important;
  line-height:1.34!important;
  white-space:normal!important;
  flex-wrap:wrap!important;
}
.ticket-panel-admin .preview-description-text.preview-discord-markdown .preview-md-ticket-icon{
  flex:0 0 auto!important;
  width:1.25em!important;
  text-align:center!important;
  line-height:1!important;
}
.ticket-panel-admin .preview-description-text.preview-discord-markdown .preview-md-arrow{
  opacity:.9!important;
  color:#dcddde!important;
}
.ticket-panel-admin .preview-description-text.preview-discord-markdown .preview-md-ticket-desc{
  color:#dcddde!important;
  min-width:0!important;
}
.ticket-panel-admin .preview-description-text.preview-discord-markdown .preview-md-heading + .preview-md-ticket-row{
  margin-top:5px!important;
}
.ticket-panel-admin .preview-description-text.preview-discord-markdown .preview-md-gap{
  height:8px!important;
}

@media (min-width:1220px){
  .ticket-panel-admin .panel-admin-grid.is-rich-panel-preview{
    grid-template-columns:minmax(610px,1fr) minmax(430px,540px)!important;
    gap:18px!important;
  }
  .ticket-panel-admin .panel-admin-grid.is-rich-panel-preview .preview-description-text.preview-discord-markdown{
    font-size:.92rem!important;
    line-height:1.38!important;
  }
}
@media (min-width:1540px){
  .ticket-panel-admin .panel-admin-grid.is-rich-panel-preview{
    grid-template-columns:minmax(720px,1fr) minmax(500px,600px)!important;
  }
}
@media (min-width:1220px) and (max-width:1380px){
  .ticket-panel-admin .panel-admin-grid.is-rich-panel-preview{
    grid-template-columns:minmax(560px,1fr) minmax(410px,500px)!important;
  }
}

/* Patch 2.17 - Team & Admins als echter Account-Bereich */
.account-team-real-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
}
.bottom-team-grid {
  margin-top: 18px;
}
.team-invite-card .compact-alert {
  margin: 14px 0;
}
.team-invite-form {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(220px, .65fr) auto;
  gap: 12px;
  align-items: end;
  margin-top: 14px;
}
.team-invite-form label {
  display: grid;
  gap: 7px;
  margin: 0;
}
.team-invite-form label span {
  color: rgba(159, 176, 198, .88);
  font-size: 12px;
  font-weight: 900;
}
.team-invite-form input,
.team-invite-form select {
  width: 100%;
  min-height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, .18);
  background: rgba(2, 8, 20, .46);
  color: rgba(235, 245, 255, .96);
  padding: 0 13px;
  outline: none;
}
.team-invite-form input:focus,
.team-invite-form select:focus {
  border-color: rgba(56, 215, 255, .55);
  box-shadow: 0 0 0 3px rgba(56, 215, 255, .10);
}
.team-invite-form button[disabled],
.team-invite-form input[disabled],
.team-invite-form select[disabled] {
  opacity: .55;
  cursor: not-allowed;
}
.team-form-note {
  display: block;
  margin-top: 10px;
  color: rgba(159, 176, 198, .78);
  line-height: 1.35;
}
.team-member-list,
.team-invite-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}
.team-member-row,
.team-invite-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(148, 163, 184, .14);
  background: rgba(2, 8, 20, .28);
  border-radius: 16px;
  padding: 12px;
}
.team-invite-row {
  grid-template-columns: minmax(0, 1fr) auto;
}
.team-member-row.owner {
  border-color: rgba(56, 215, 255, .35);
  background: linear-gradient(135deg, rgba(56, 215, 255, .13), rgba(37, 99, 235, .08));
}
.team-member-avatar {
  width: 42px;
  height: 42px;
  display: inline-grid;
  place-items: center;
  border-radius: 15px;
  border: 1px solid rgba(56, 215, 255, .35);
  background: rgba(56, 215, 255, .12);
  color: #bff4ff;
  font-weight: 1000;
}
.team-member-row strong,
.team-invite-row strong {
  display: block;
  color: #f8fbff;
  font-weight: 1000;
}
.team-member-row small,
.team-invite-row small {
  display: block;
  margin-top: 3px;
  color: rgba(159, 176, 198, .84);
  line-height: 1.3;
}
.team-member-row em {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(56, 215, 255, .30);
  color: #bff4ff;
  background: rgba(56, 215, 255, .09);
  font-style: normal;
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}
.team-invite-row button {
  min-height: 32px;
  border: 1px solid rgba(248, 113, 113, .28);
  background: rgba(127, 29, 29, .12);
  color: #fecaca;
  border-radius: 12px;
  padding: 0 10px;
  font-weight: 900;
  cursor: pointer;
}
.no-team-items {
  margin: 0;
  border: 1px dashed rgba(148, 163, 184, .18);
  border-radius: 16px;
  padding: 16px;
  background: rgba(2, 8, 20, .20);
}
.team-permission-list-v2 {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1180px) {
  .account-team-real-grid,
  .team-permission-list-v2 {
    grid-template-columns: 1fr;
  }
  .team-invite-form {
    grid-template-columns: 1fr;
  }
}

/* Patch 2.19 - Bot verbinden: echter Installations-/Rechte-Flow */
.bot-connect-hero-grid,
.bot-connect-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  gap: 18px;
  margin-bottom: 18px;
}
.bot-connect-status-card,
.bot-connect-quick-card,
.bot-permission-card,
.bot-guild-card {
  overflow: hidden;
}
.bot-connect-phase-text {
  margin: 0 0 14px;
  line-height: 1.45;
}
.bot-status-timeline {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}
.bot-status-step {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 16px;
  padding: 12px;
  background: rgba(2, 8, 20, .26);
}
.bot-status-step > span {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border-radius: 13px;
  border: 1px solid rgba(148, 163, 184, .18);
  background: rgba(15, 23, 42, .72);
  color: rgba(203, 213, 225, .9);
  font-weight: 1000;
}
.bot-status-step.ok {
  border-color: rgba(52, 211, 153, .30);
  background: linear-gradient(135deg, rgba(16, 185, 129, .10), rgba(2, 8, 20, .26));
}
.bot-status-step.ok > span {
  border-color: rgba(52, 211, 153, .36);
  background: rgba(16, 185, 129, .14);
  color: #bbf7d0;
}
.bot-status-step.warn {
  border-color: rgba(250, 204, 21, .28);
  background: linear-gradient(135deg, rgba(250, 204, 21, .09), rgba(2, 8, 20, .26));
}
.bot-status-step.warn > span {
  border-color: rgba(250, 204, 21, .35);
  background: rgba(250, 204, 21, .12);
  color: #fde68a;
}
.bot-status-step.muted {
  opacity: .78;
}
.bot-status-step strong {
  display: block;
  color: #f8fbff;
  font-weight: 1000;
}
.bot-status-step small {
  display: block;
  margin-top: 3px;
  color: rgba(159, 176, 198, .86);
  line-height: 1.33;
}
.bot-connect-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 16px;
}
.inline-form {
  display: inline-flex;
  margin: 0;
}
.bot-flow-polished {
  margin-top: 14px;
}
.bot-flow-polished > div {
  grid-template-columns: 38px minmax(0, 1fr);
}
.bot-install-meta-grid {
  grid-template-columns: minmax(120px, .35fr) minmax(0, 1fr);
}
.permission-check-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
.permission-check-row {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(148, 163, 184, .13);
  background: rgba(2, 8, 20, .26);
  border-radius: 14px;
  padding: 10px 12px;
}
.permission-check-row > span {
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  border-radius: 11px;
  font-weight: 1000;
  border: 1px solid rgba(148, 163, 184, .18);
  color: rgba(203, 213, 225, .9);
}
.permission-check-row.ok {
  border-color: rgba(52, 211, 153, .22);
}
.permission-check-row.ok > span {
  color: #bbf7d0;
  border-color: rgba(52, 211, 153, .32);
  background: rgba(16, 185, 129, .12);
}
.permission-check-row.missing {
  border-color: rgba(250, 204, 21, .24);
}
.permission-check-row.missing > span {
  color: #fde68a;
  border-color: rgba(250, 204, 21, .34);
  background: rgba(250, 204, 21, .10);
}
.permission-check-row.optional {
  opacity: .78;
}
.permission-check-row strong {
  display: block;
  color: #f8fbff;
  font-weight: 950;
}
.permission-check-row small {
  display: block;
  margin-top: 2px;
  color: rgba(159, 176, 198, .82);
  line-height: 1.28;
}
.alert.success {
  border-color: rgba(52, 211, 153, .35);
  background: rgba(16, 185, 129, .11);
  color: #d1fae5;
}
.alert.info {
  border-color: rgba(56, 215, 255, .30);
  background: rgba(56, 215, 255, .09);
  color: #dff8ff;
}
.badge.warning {
  border-color: rgba(250, 204, 21, .30);
  background: rgba(250, 204, 21, .10);
  color: #fde68a;
}
@media (max-width: 1180px) {
  .bot-connect-hero-grid,
  .bot-connect-detail-grid {
    grid-template-columns: 1fr;
  }
}

/* Patch 2.20 - Bot verbinden: kompakter Flow, ruhige Buttons, Admin-Rechte einklappbar */
.bot-connect-hero-grid-compact,
.bot-connect-detail-grid-compact {
  grid-template-columns: minmax(0, 1fr) minmax(360px, .78fr);
  gap: 14px;
  margin-bottom: 14px;
}
.bot-connect-card-compact.account-panel-card,
.bot-permission-card-compact.account-panel-card,
.bot-guild-card-compact.account-panel-card {
  padding: 20px;
}
.bot-connect-card-compact .section-head,
.bot-permission-card-compact .section-head,
.bot-guild-card-compact .section-head {
  margin-bottom: 10px;
}
.bot-connect-phase-text {
  margin-bottom: 10px;
  font-size: .96rem;
}
.bot-status-timeline-compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 10px;
}
.bot-status-timeline-compact .bot-status-step {
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  padding: 10px;
  border-radius: 14px;
}
.bot-status-timeline-compact .bot-status-step > span {
  width: 28px;
  height: 28px;
  border-radius: 10px;
  font-size: .82rem;
}
.bot-status-timeline-compact .bot-status-step strong {
  font-size: .94rem;
}
.bot-status-timeline-compact .bot-status-step small {
  margin-top: 1px;
  font-size: .78rem;
}
.bot-connect-actions-compact {
  gap: 8px;
  margin-top: 13px;
}
.bot-connect-actions-compact .account-action-btn {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 13px;
  font-size: .9rem;
  line-height: 1;
}
.bot-connect-actions-compact .inline-form .account-action-btn {
  cursor: pointer;
}
.bot-connect-flow-compact {
  display: grid;
  gap: 9px;
  margin-top: 10px;
}
.bot-connect-flow-compact > div {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, .12);
  background: rgba(2, 8, 20, .22);
  border-radius: 14px;
}
.bot-connect-flow-compact > div > span {
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  border-radius: 10px;
  border: 1px solid rgba(56, 215, 255, .26);
  background: rgba(56, 215, 255, .09);
  color: #8ff0ff;
  font-weight: 1000;
  font-size: .82rem;
}
.bot-connect-flow-compact strong {
  display: block;
  color: #f8fbff;
  font-size: .93rem;
  font-weight: 950;
}
.bot-connect-flow-compact small {
  display: block;
  margin-top: 1px;
  color: rgba(159, 176, 198, .82);
  font-size: .78rem;
  line-height: 1.28;
}
.bot-install-meta-grid-compact {
  gap: 8px 14px;
  padding: 14px;
}
.bot-install-meta-grid-compact span,
.bot-install-meta-grid-compact strong {
  font-size: .92rem;
}
.bot-admin-rights-summary {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(52, 211, 153, .30);
  background: linear-gradient(135deg, rgba(16, 185, 129, .13), rgba(2, 8, 20, .24));
  border-radius: 16px;
  padding: 13px;
  margin-top: 10px;
}
.bot-admin-rights-summary > span {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border-radius: 12px;
  border: 1px solid rgba(52, 211, 153, .34);
  background: rgba(16, 185, 129, .16);
  color: #bbf7d0;
  font-weight: 1000;
}
.bot-admin-rights-summary strong {
  display: block;
  color: #f8fbff;
  font-weight: 1000;
}
.bot-admin-rights-summary small {
  display: block;
  margin-top: 2px;
  color: rgba(209, 250, 229, .82);
  line-height: 1.35;
}
.permission-details-collapse {
  margin-top: 10px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 14px;
  background: rgba(2, 8, 20, .20);
  overflow: hidden;
}
.permission-details-collapse summary {
  cursor: pointer;
  list-style: none;
  padding: 11px 13px;
  color: rgba(203, 213, 225, .92);
  font-weight: 900;
}
.permission-details-collapse summary::-webkit-details-marker {
  display: none;
}
.permission-details-collapse summary::after {
  content: '›';
  float: right;
  color: #38d7ff;
  transition: transform .16s ease;
}
.permission-details-collapse[open] summary::after {
  transform: rotate(90deg);
}
.permission-check-list-compact {
  gap: 7px;
  margin: 10px 0 0;
}
.permission-details-collapse .permission-check-list-compact {
  padding: 0 10px 10px;
  margin-top: 0;
}
.permission-check-row.compact {
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 9px;
  padding: 9px 10px;
  border-radius: 12px;
}
.permission-check-row.compact > span {
  width: 24px;
  height: 24px;
  border-radius: 9px;
  font-size: .78rem;
}
.permission-check-row.compact strong {
  font-size: .9rem;
}
.permission-check-row.compact small {
  font-size: .76rem;
  line-height: 1.25;
}
.bot-guild-card-compact .muted-text {
  margin-bottom: 14px;
}
.bot-guild-card-compact .guild-card-option-v2 {
  padding: 12px;
  border-radius: 16px;
}
@media (max-width: 1180px) {
  .bot-connect-hero-grid-compact,
  .bot-connect-detail-grid-compact {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .bot-status-timeline-compact {
    grid-template-columns: 1fr;
  }
  .bot-connect-actions-compact {
    flex-direction: column;
    align-items: stretch;
  }
  .bot-connect-actions-compact .account-action-btn {
    width: 100%;
    justify-content: center;
  }
}

/* Patch 2.21 - Bot verbinden ruhiger: kompakter Status, keine Serverliste bei nur einem Server */
.account-action-btn {
  color: #dbeafe;
  background: rgba(15, 23, 42, .42);
  border-color: rgba(148, 163, 184, .18);
}
.account-action-secondary {
  color: #ecfeff;
  border-color: rgba(56, 215, 255, .30);
  background: linear-gradient(135deg, rgba(56, 215, 255, .13), rgba(2, 8, 20, .28));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.account-action-ghost {
  color: rgba(203, 213, 225, .92);
  background: rgba(2, 8, 20, .24);
  border-color: rgba(148, 163, 184, .16);
}
.account-action-secondary:hover,
.account-action-ghost:hover {
  transform: translateY(-1px);
  border-color: rgba(56, 215, 255, .42);
}
.bot-connect-hero-grid-calm {
  display: grid;
  grid-template-columns: minmax(0, .98fr) minmax(330px, .72fr);
  gap: 14px;
  align-items: start;
  margin-bottom: 14px;
}
.bot-connect-card-calm.account-panel-card {
  padding: 18px 20px;
}
.bot-connect-card-calm .section-head {
  margin-bottom: 8px;
}
.bot-connect-card-calm .section-head h2 {
  font-size: 1.34rem;
}
.bot-connect-card-calm .bot-connect-phase-text {
  max-width: 720px;
  margin: 0 0 11px;
  font-size: .92rem;
  color: rgba(203, 213, 225, .78);
}
.bot-status-line {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 8px 0 12px;
}
.bot-status-line span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, .14);
  background: rgba(2, 8, 20, .24);
  color: rgba(203, 213, 225, .84);
  font-size: .78rem;
  font-weight: 900;
}
.bot-status-line span.ok {
  color: #bbf7d0;
  border-color: rgba(52, 211, 153, .28);
  background: rgba(16, 185, 129, .11);
}
.bot-status-line span.warn {
  color: #fde68a;
  border-color: rgba(245, 158, 11, .28);
  background: rgba(245, 158, 11, .10);
}
.bot-status-line span.muted {
  color: rgba(148, 163, 184, .78);
}
.bot-connect-actions-calm {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
}
.bot-connect-actions-calm .account-action-btn {
  min-height: 40px;
  padding: 0 15px;
  border-radius: 14px;
  font-size: .9rem;
  cursor: pointer;
}
.bot-connect-actions-calm .inline-form {
  margin: 0;
}
.bot-connect-small-copy {
  margin: 0 0 12px;
  font-size: .92rem;
  line-height: 1.45;
}
.bot-connect-mini-flow {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.bot-connect-mini-flow span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(56, 215, 255, .18);
  background: rgba(56, 215, 255, .07);
  color: rgba(226, 232, 240, .88);
  font-size: .8rem;
  font-weight: 850;
}
.bot-connect-quick-card.bot-connect-card-calm {
  min-height: 0;
}
@media (max-width: 1180px) {
  .bot-connect-hero-grid-calm {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .bot-connect-actions-calm {
    flex-direction: column;
    align-items: stretch;
  }
  .bot-connect-actions-calm .account-action-btn {
    width: 100%;
  }
}

/* Patch 2.23 - Bot verbinden: volle Breite, klare Anleitung, kein Plan-Hinweis im Status */
.bot-connect-hero-grid-calm {
  grid-template-columns: 1fr !important;
  max-width: 980px;
  gap: 14px;
}
.bot-connect-status-card.bot-connect-card-calm {
  padding: 18px 20px 20px;
}
.bot-connect-pathline {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  margin: 10px 0 14px;
  padding: 10px 12px;
  border: 1px solid rgba(56, 215, 255, .16);
  border-radius: 14px;
  background: rgba(2, 8, 20, .20);
}
.bot-connect-pathline strong {
  color: #e5f7ff;
  font-size: .88rem;
  font-weight: 950;
}
.bot-connect-pathline span {
  color: rgba(203, 213, 225, .84);
  font-size: .84rem;
  line-height: 1.35;
}
.bot-connect-pathline em {
  color: rgba(125, 211, 252, .82);
  font-size: .76rem;
  font-style: normal;
  font-weight: 850;
  white-space: nowrap;
}
.bot-connect-actions-calm {
  gap: 10px;
}
.bot-connect-actions-calm .account-action-btn {
  min-height: 42px;
  padding: 0 16px;
}
.bot-connect-actions-calm .account-action-invite {
  color: #ecfeff;
  border-color: rgba(56, 215, 255, .52);
  background: linear-gradient(135deg, rgba(56, 215, 255, .24), rgba(37, 99, 235, .18));
  box-shadow: 0 0 0 1px rgba(56, 215, 255, .08), 0 14px 34px rgba(56, 215, 255, .08);
}
.bot-connect-actions-calm .account-action-open {
  color: rgba(226, 232, 240, .95);
  border-color: rgba(148, 163, 184, .18);
  background: rgba(15, 23, 42, .36);
}
.bot-connect-actions-calm .account-action-check {
  color: rgba(203, 213, 225, .76);
  border-color: rgba(148, 163, 184, .12);
  background: rgba(2, 8, 20, .16);
  box-shadow: none;
}
.bot-connect-actions-calm .account-action-check .nc-ui-icon {
  opacity: .78;
}
.bot-connect-actions-calm .account-action-check:hover {
  color: #dbeafe;
  border-color: rgba(56, 215, 255, .28);
  background: rgba(15, 23, 42, .34);
}
@media (max-width: 840px) {
  .bot-connect-hero-grid-calm {
    max-width: none;
  }
  .bot-connect-pathline {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .bot-connect-pathline em {
    white-space: normal;
  }
}


/* Patch 2.23 - Bot verbinden final ruhig */
.bot-connect-hero-grid-calm {
  max-width: none !important;
  width: 100% !important;
}
.bot-connect-status-card.bot-connect-card-calm {
  width: 100%;
}
.bot-connect-pathline.bot-connect-pathline-simple {
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 12px;
  margin: 10px 0 14px;
  padding: 9px 12px;
  border-color: rgba(56, 215, 255, .18);
  background: rgba(2, 8, 20, .16);
}
.bot-connect-pathline.bot-connect-pathline-simple strong {
  white-space: nowrap;
}
.bot-connect-pathline.bot-connect-pathline-simple span {
  color: rgba(203, 213, 225, .82);
}
.bot-connect-pathline.bot-connect-pathline-simple b {
  color: #67e8f9;
  font-weight: 900;
}
.bot-connect-pathline.bot-connect-pathline-simple i {
  color: rgba(56, 215, 255, .55);
  font-style: normal;
  padding: 0 4px;
}
.bot-connect-pathline.bot-connect-pathline-simple em {
  display: none !important;
}
.bot-connect-actions-calm .account-action-invite {
  min-width: 176px;
}
.bot-connect-actions-calm .account-action-check {
  opacity: .88;
}
@media (max-width: 840px) {
  .bot-connect-pathline.bot-connect-pathline-simple {
    grid-template-columns: 1fr !important;
  }
  .bot-connect-actions-calm .account-action-invite {
    min-width: 0;
  }
}

/* Patch 2.24 - Bot verbinden: ruhiger Vollbreite-Flow */
.bot-connect-hero-grid-calm {
  max-width: none !important;
  width: 100% !important;
}
.bot-connect-status-card.bot-connect-card-calm {
  min-height: 246px;
  padding: 22px 24px 24px;
}
.bot-connect-card-calm .section-head {
  margin-bottom: 8px;
}
.bot-connect-card-calm .section-head h2 {
  font-size: 1.65rem;
  letter-spacing: -0.03em;
}
.bot-connect-card-calm .bot-connect-phase-text {
  max-width: 780px;
  margin-bottom: 12px;
}
.bot-status-line {
  margin: 8px 0 16px;
}
.bot-connect-guide-polished {
  margin: 12px 0 16px;
  padding: 14px;
  border: 1px solid rgba(56, 215, 255, .16);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(56, 215, 255, .055), rgba(37, 99, 235, .025)),
    rgba(2, 8, 20, .18);
}
.bot-connect-guide-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}
.bot-connect-guide-head strong {
  color: #f8fafc;
  font-size: .98rem;
  font-weight: 900;
}
.bot-connect-guide-head span {
  color: rgba(203, 213, 225, .74);
  font-size: .88rem;
  line-height: 1.35;
}
.bot-connect-guide-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.bot-connect-guide-steps > div {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  column-gap: 10px;
  row-gap: 2px;
  min-height: 64px;
  padding: 11px 12px;
  border: 1px solid rgba(148, 163, 184, .10);
  border-radius: 15px;
  background: rgba(15, 23, 42, .34);
}
.bot-connect-guide-steps em {
  grid-row: 1 / 3;
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  border: 1px solid rgba(56, 215, 255, .32);
  background: rgba(56, 215, 255, .10);
  color: #67e8f9;
  font-style: normal;
  font-weight: 900;
}
.bot-connect-guide-steps strong {
  align-self: end;
  color: #f8fafc;
  font-size: .92rem;
  font-weight: 900;
}
.bot-connect-guide-steps small {
  color: rgba(148, 163, 184, .82);
  font-size: .78rem;
  line-height: 1.28;
}
.bot-connect-actions-polished {
  margin-top: 6px;
  gap: 10px;
}
.bot-connect-actions-polished .account-action-btn {
  min-height: 44px;
  padding-inline: 15px;
}
.bot-connect-actions-polished .account-action-invite {
  min-width: 190px;
  border-color: rgba(56, 215, 255, .46);
  background: linear-gradient(135deg, rgba(56, 215, 255, .22), rgba(37, 99, 235, .12));
  box-shadow: 0 12px 28px rgba(56, 215, 255, .08);
}
.bot-connect-actions-polished .account-action-open {
  min-width: 188px;
}
.bot-connect-actions-polished .account-action-check {
  min-width: 182px;
  opacity: .82;
}
.bot-connect-pathline.bot-connect-pathline-simple {
  display: none !important;
}
@media (max-width: 1080px) {
  .bot-connect-guide-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
  .bot-connect-guide-steps {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .bot-connect-status-card.bot-connect-card-calm {
    padding: 18px;
  }
  .bot-connect-actions-polished {
    display: grid;
    grid-template-columns: 1fr;
  }
  .bot-connect-actions-polished .account-action-btn,
  .bot-connect-actions-polished .account-action-invite,
  .bot-connect-actions-polished .account-action-open,
  .bot-connect-actions-polished .account-action-check {
    width: 100%;
    min-width: 0;
  }
}


/* Patch 2.28 - Bot verbinden: Status-Chips ruhiger und hochwertiger */
.bot-connect-status-card .bot-status-line {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0 18px;
}
.bot-connect-status-card .bot-status-line span {
  position: relative;
  min-height: 42px;
  padding: 0 14px 0 42px;
  border-radius: 14px;
  border: 1px solid rgba(56, 215, 255, .14);
  background:
    linear-gradient(135deg, rgba(15, 23, 42, .72), rgba(2, 8, 20, .38)),
    rgba(2, 8, 20, .28);
  color: rgba(226, 232, 240, .88);
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: -0.01em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.bot-connect-status-card .bot-status-line span::before {
  content: '';
  position: absolute;
  left: 13px;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, .24);
  background: rgba(15, 23, 42, .72);
  box-shadow: 0 0 0 4px rgba(15, 23, 42, .30);
}
.bot-connect-status-card .bot-status-line span::after {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-52%);
  color: rgba(226, 232, 240, .76);
  font-size: .72rem;
  font-weight: 1000;
  line-height: 1;
}
.bot-connect-status-card .bot-status-line span.ok {
  color: #d1fae5;
  border-color: rgba(52, 211, 153, .28);
  background:
    linear-gradient(135deg, rgba(16, 185, 129, .14), rgba(6, 182, 212, .045)),
    rgba(2, 8, 20, .34);
}
.bot-connect-status-card .bot-status-line span.ok::before {
  border-color: rgba(52, 211, 153, .42);
  background: linear-gradient(135deg, rgba(16, 185, 129, .34), rgba(6, 182, 212, .15));
  box-shadow: 0 0 16px rgba(16, 185, 129, .10), 0 0 0 4px rgba(16, 185, 129, .06);
}
.bot-connect-status-card .bot-status-line span.ok::after {
  content: '✓';
  color: #bbf7d0;
}
.bot-connect-status-card .bot-status-line span.warn {
  color: #fde68a;
  border-color: rgba(245, 158, 11, .32);
  background:
    linear-gradient(135deg, rgba(245, 158, 11, .13), rgba(2, 8, 20, .32)),
    rgba(2, 8, 20, .34);
}
.bot-connect-status-card .bot-status-line span.warn::before {
  border-color: rgba(245, 158, 11, .46);
  background: rgba(245, 158, 11, .16);
}
.bot-connect-status-card .bot-status-line span.warn::after {
  content: '!';
  color: #fde68a;
  left: 20px;
}
.bot-connect-status-card .bot-status-line span.muted {
  color: rgba(148, 163, 184, .82);
  border-color: rgba(148, 163, 184, .14);
  background: rgba(2, 8, 20, .22);
}
.bot-connect-status-card .bot-status-line span.muted::after {
  content: '•';
  left: 20px;
  color: rgba(148, 163, 184, .74);
}
.bot-connect-status-card .bot-status-line span:hover {
  transform: none;
  border-color: rgba(56, 215, 255, .28);
}
@media (max-width: 1180px) {
  .bot-connect-status-card .bot-status-line {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .bot-connect-status-card .bot-status-line {
    grid-template-columns: 1fr;
  }
}


/* Patch 2.28 - Bot verbinden: Status-Karten mit kurzen Hilfetexten */
.bot-connect-status-card .bot-status-line span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}
.bot-connect-status-card .bot-status-line span strong {
  display: block;
  color: inherit;
  font-size: .82rem;
  font-weight: 950;
  line-height: 1.05;
}
.bot-connect-status-card .bot-status-line span small {
  display: block;
  max-width: 100%;
  color: rgba(148, 163, 184, .78);
  font-size: .72rem;
  font-weight: 750;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bot-connect-status-card .bot-status-line span.ok small {
  color: rgba(167, 243, 208, .70);
}
.bot-connect-status-card .bot-status-line span.warn small {
  color: rgba(253, 230, 138, .72);
}
.bot-connect-status-card .bot-status-line span.muted small {
  color: rgba(148, 163, 184, .62);
}
@media (max-width: 860px) {
  .bot-connect-status-card .bot-status-line span small { white-space: normal; }
}

/* Patch 2.28 - Plan & Limits: ruhiger Vergleich ohne Server-Modell-Fokus */
.plans-ux-page {
  display: grid;
  gap: 18px;
}
.plans-ux-page .plans-hero-card,
.plans-ux-page .plan-server-bundle-card,
.plans-ux-page .plan-compare-card,
.plans-ux-page .plan-action-card {
  border-color: rgba(56, 215, 255, .16);
  background:
    linear-gradient(145deg, rgba(15, 23, 42, .94), rgba(9, 18, 34, .94)),
    rgba(15, 23, 42, .88);
}
.plan-current-grid {
  display: grid;
  grid-template-columns: minmax(240px, 1.4fr) repeat(3, minmax(160px, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.plan-current-grid > div {
  min-height: 86px;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 18px;
  background: rgba(2, 8, 20, .28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.plan-current-grid span,
.plan-current-grid .plan-mini-label {
  display: block;
  color: rgba(148, 163, 184, .86);
  font-size: .76rem;
  font-weight: 850;
  letter-spacing: .02em;
  margin-bottom: 6px;
}
.plan-current-grid strong {
  display: block;
  color: #f8fafc;
  font-size: 1.08rem;
  font-weight: 950;
  line-height: 1.15;
}
.plan-current-grid small {
  display: block;
  color: rgba(148, 163, 184, .80);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.25;
  margin-top: 5px;
}
.plan-current-main {
  border-color: rgba(148, 163, 184, .14) !important;
  background: rgba(2, 8, 20, .28) !important;
}
.plan-current-plan {
  border-color: rgba(56, 215, 255, .28) !important;
  background:
    linear-gradient(135deg, rgba(56, 215, 255, .09), rgba(37, 99, 235, .05)),
    rgba(2, 8, 20, .31) !important;
}
.plan-server-bundle-card {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
  align-items: center;
  gap: 18px;
}
.server-bundle-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.server-bundle-strip span {
  display: flex;
  min-height: 76px;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, .14);
  background: rgba(2, 8, 20, .26);
}
.server-bundle-strip span.premium {
  border-color: rgba(56, 215, 255, .35);
  background:
    radial-gradient(circle at top right, rgba(56, 215, 255, .14), transparent 56%),
    rgba(2, 8, 20, .32);
  box-shadow: 0 0 24px rgba(56, 215, 255, .06);
}
.server-bundle-strip strong {
  color: #f8fafc;
  font-size: .92rem;
  font-weight: 950;
}
.server-bundle-strip small {
  color: rgba(148, 163, 184, .84);
  font-size: .78rem;
  font-weight: 780;
}
.server-bundle-strip .premium small {
  color: rgba(125, 211, 252, .92);
}
.plan-cards-ux {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.plan-card-ux {
  position: relative;
  min-height: 100%;
  padding: 17px;
  border-radius: 22px;
  border: 1px solid rgba(148, 163, 184, .14);
  background: rgba(2, 8, 20, .30);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.plan-card-ux.current {
  border-color: rgba(56, 215, 255, .38);
  background:
    radial-gradient(circle at top right, rgba(56, 215, 255, .13), transparent 56%),
    rgba(2, 8, 20, .34);
}
.plan-card-ux.premium {
  border-color: rgba(56, 215, 255, .22);
}
.plan-card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 10px;
}
.plan-card-tag {
  display: inline-flex;
  color: #38d7ff;
  font-size: .68rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .11em;
  margin-bottom: 6px;
}
.plan-card-top h3 {
  color: #f8fafc;
  font-size: 1.35rem;
  line-height: 1.1;
  margin: 0;
}
.plan-card-top em {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 11px;
  border-radius: 999px;
  border: 1px solid rgba(56, 215, 255, .28);
  color: #c8f4ff;
  background: rgba(56, 215, 255, .08);
  font-size: .72rem;
  font-weight: 950;
  font-style: normal;
  text-transform: uppercase;
}
.plan-card-ux p {
  color: rgba(203, 213, 225, .84);
  font-size: .88rem;
  line-height: 1.35;
  margin: 0 0 14px;
}
.plan-server-count {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 2px 12px;
  margin: 0 0 14px;
  padding: 12px 13px;
  border-radius: 16px;
  border: 1px solid rgba(56, 215, 255, .16);
  background: rgba(15, 23, 42, .42);
}
.plan-server-count span,
.plan-server-count small {
  color: rgba(148, 163, 184, .82);
  font-size: .74rem;
  font-weight: 800;
}
.plan-server-count strong {
  grid-row: span 2;
  color: #f8fafc;
  font-size: 1.4rem;
  font-weight: 1000;
}
.plan-card-ux ul {
  display: grid;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.plan-card-ux li {
  position: relative;
  padding-left: 22px;
  color: rgba(226, 232, 240, .88);
  font-size: .86rem;
  font-weight: 740;
  line-height: 1.28;
}
.plan-card-ux li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 0;
  color: #67e8f9;
  font-weight: 1000;
}
.plan-card-ux footer {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(148, 163, 184, .11);
}
.plan-card-ux footer span {
  color: rgba(148, 163, 184, .82);
  font-size: .78rem;
  font-weight: 760;
  line-height: 1.35;
}
.plan-actions-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}
.plan-actions-grid a,
.plan-action-locked {
  display: flex;
  min-height: 78px;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 15px 16px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, .14);
  background: rgba(2, 8, 20, .28);
  text-decoration: none;
  transition: border-color .16s ease, background .16s ease;
}
.plan-actions-grid a:hover {
  border-color: rgba(56, 215, 255, .34);
  background: rgba(56, 215, 255, .055);
}
.plan-actions-grid strong,
.plan-action-locked strong {
  color: #f8fafc;
  font-size: .92rem;
  font-weight: 950;
}
.plan-actions-grid small,
.plan-action-locked small {
  color: rgba(148, 163, 184, .80);
  font-size: .78rem;
  font-weight: 720;
  line-height: 1.25;
}
.plan-action-locked {
  opacity: .72;
}
@media (max-width: 1180px) {
  .plan-current-grid,
  .plan-server-bundle-card,
  .plan-cards-ux,
  .plan-actions-grid {
    grid-template-columns: 1fr 1fr;
  }
  .plan-server-bundle-card > div:first-child { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .plan-current-grid,
  .plan-server-bundle-card,
  .server-bundle-strip,
  .plan-cards-ux,
  .plan-actions-grid {
    grid-template-columns: 1fr;
  }
}

/* Patch 2.30 - Plan cards clickable, Preise, Plus/Premium Schimmer */
.plan-card-ux {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.plan-card-ux:hover {
  transform: translateY(-2px);
  border-color: rgba(56, 215, 255, .42);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .24), 0 0 26px rgba(56, 215, 255, .08), inset 0 1px 0 rgba(255,255,255,.045);
}
.plan-card-ux.selected {
  outline: 1px solid rgba(56, 215, 255, .42);
  outline-offset: 2px;
}
.plan-card-ux.plus {
  border-color: rgba(168, 85, 247, .28);
  background:
    radial-gradient(circle at 85% 10%, rgba(168, 85, 247, .16), transparent 42%),
    linear-gradient(145deg, rgba(20, 16, 38, .42), rgba(2, 8, 20, .32));
}
.plan-card-ux.plus:hover,
.plan-card-ux.plus.selected {
  border-color: rgba(192, 132, 252, .55);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .24), 0 0 28px rgba(168, 85, 247, .16), inset 0 1px 0 rgba(255,255,255,.05);
}
.plan-card-ux.plus .plan-card-tag,
.plan-card-ux.plus li::before {
  color: #c084fc;
}
.plan-card-ux.premium {
  border-color: rgba(245, 158, 11, .34);
  background:
    radial-gradient(circle at 85% 10%, rgba(245, 158, 11, .18), transparent 44%),
    linear-gradient(145deg, rgba(39, 24, 5, .36), rgba(2, 8, 20, .32));
}
.plan-card-ux.premium:hover,
.plan-card-ux.premium.selected {
  border-color: rgba(251, 191, 36, .62);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .26), 0 0 32px rgba(245, 158, 11, .18), inset 0 1px 0 rgba(255,255,255,.05);
}
.plan-card-ux.premium .plan-card-tag,
.plan-card-ux.premium li::before {
  color: #fbbf24;
}
.plan-price-box {
  display: grid;
  gap: 3px;
  margin: 0 0 15px;
  padding: 13px 14px;
  border-radius: 17px;
  border: 1px solid rgba(148, 163, 184, .13);
  background: rgba(2, 8, 20, .35);
}
.plan-price-box strong {
  color: #f8fafc;
  font-size: 1.2rem;
  line-height: 1.05;
  font-weight: 1000;
}
.plan-price-box small {
  color: rgba(148, 163, 184, .86);
  font-size: .76rem;
  font-weight: 800;
}
.plan-card-ux footer {
  display: grid;
  gap: 12px;
  margin-top: auto;
}
.plan-card-cta {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  min-height: 32px;
  padding: 0 13px;
  border-radius: 999px;
  border: 1px solid rgba(56, 215, 255, .22);
  color: #dff8ff;
  background: rgba(56, 215, 255, .075);
  font-size: .78rem;
  font-weight: 950;
}
.plan-card-ux.plus .plan-card-cta {
  border-color: rgba(192, 132, 252, .26);
  background: rgba(168, 85, 247, .10);
}
.plan-card-ux.premium .plan-card-cta {
  border-color: rgba(251, 191, 36, .30);
  background: rgba(245, 158, 11, .10);
  color: #fff3c4;
}
.plan-selected-note {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
  margin-top: 14px;
  padding: 13px 15px;
  border-radius: 17px;
  border: 1px solid rgba(56, 215, 255, .18);
  background: rgba(56, 215, 255, .055);
}
.plan-selected-note strong {
  color: #f8fafc;
  font-weight: 950;
}
.plan-selected-note span {
  color: rgba(203, 213, 225, .84);
  font-size: .86rem;
  font-weight: 720;
}
.plan-selected-note.current {
  border-color: rgba(16, 185, 129, .22);
  background: rgba(16, 185, 129, .055);
}


/* Patch 2.30 - Preis-Highlight, Rabatt vorbereitet, Premium-Fokus White Label */
.plan-card-ux .plan-price-box {
  position: relative;
  min-height: 88px;
  padding: 14px 15px 13px;
  overflow: hidden;
}
.plan-card-ux.plus .plan-price-box {
  border-color: rgba(192, 132, 252, .24);
  background:
    radial-gradient(circle at 12% 0%, rgba(192, 132, 252, .18), transparent 46%),
    rgba(10, 8, 24, .54);
}
.plan-card-ux.premium .plan-price-box {
  border-color: rgba(251, 191, 36, .30);
  background:
    radial-gradient(circle at 12% 0%, rgba(251, 191, 36, .20), transparent 50%),
    linear-gradient(135deg, rgba(36, 22, 4, .58), rgba(2, 8, 20, .42));
}
.plan-price-box.has-promo {
  padding-top: 34px;
}
.plan-promo-pill {
  position: absolute;
  top: 10px;
  right: 11px;
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: .66rem;
  line-height: 1;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #08111f;
  background: linear-gradient(135deg, #a78bfa, #67e8f9);
  box-shadow: 0 0 16px rgba(103, 232, 249, .13);
}
.plan-card-ux.premium .plan-promo-pill {
  color: #1d1200;
  background: linear-gradient(135deg, #facc15, #f59e0b);
  box-shadow: 0 0 18px rgba(251, 191, 36, .18);
}
.plan-price-box del {
  width: fit-content;
  color: rgba(148, 163, 184, .78);
  font-size: .82rem;
  font-weight: 900;
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(248, 113, 113, .72);
}
.plan-price-box strong {
  display: block;
  letter-spacing: -.035em;
  font-size: clamp(1.35rem, 1.6vw, 1.85rem);
  text-wrap: balance;
}
.plan-card-ux.plus .plan-price-box strong {
  color: #f5edff;
  text-shadow: 0 0 18px rgba(192, 132, 252, .16);
}
.plan-card-ux.premium .plan-price-box strong {
  color: #fff3c4;
  text-shadow: 0 0 20px rgba(251, 191, 36, .18);
}
.plan-card-ux.premium .plan-card-tag::after {
  content: ' / eigenes Branding';
  color: rgba(251, 191, 36, .72);
}
.plan-card-ux.premium li:first-child {
  color: #fff3c4;
  font-weight: 1000;
}
.plan-card-ux.premium li:first-child::before {
  content: '★';
  color: #fbbf24;
}
.plan-price-footnote {
  margin: 12px 2px 0;
  color: rgba(148, 163, 184, .86);
  font-size: .78rem;
  font-weight: 760;
  line-height: 1.35;
}
.plan-card-ux.free .plan-price-box strong {
  color: #e0faff;
}
@media (max-width: 760px) {
  .plan-price-box strong {
    font-size: 1.35rem;
  }
  .plan-promo-pill {
    position: static;
    width: fit-content;
    margin-bottom: 4px;
  }
  .plan-price-box.has-promo {
    padding-top: 14px;
  }
}


/* Patch 2.31 - Preis-Anzeige gefixt, 20%-Rabatt vorbereitet, dezenter 3D-Price-Look */
.plan-card-ux .plan-price-box {
  min-height: 102px;
  padding: 15px 16px 14px;
  isolation: isolate;
}
.plan-card-ux .plan-price-box::after {
  content: '';
  position: absolute;
  inset: auto 12px 10px 12px;
  height: 22px;
  border-radius: 999px;
  background: radial-gradient(ellipse at center, rgba(255,255,255,.10), transparent 68%);
  opacity: .35;
  filter: blur(8px);
  z-index: 0;
  pointer-events: none;
}
.plan-price-box del {
  position: relative;
  z-index: 1;
  margin-bottom: 2px;
  color: rgba(203, 213, 225, .58);
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: -.01em;
}
.plan-price-main {
  position: relative;
  z-index: 1;
  display: flex !important;
  align-items: flex-end;
  gap: 5px;
  width: fit-content;
  letter-spacing: 0;
  color: #f8fafc;
  transform-style: preserve-3d;
}
.plan-price-amount {
  display: inline-block;
  font-family: "Arial Black", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;
  font-size: clamp(2.05rem, 2.45vw, 3rem);
  line-height: .88;
  font-weight: 1000;
  letter-spacing: -.075em;
  transform: perspective(420px) rotateX(8deg) rotateZ(-1.2deg) translateZ(0);
  text-shadow:
    0 1px 0 rgba(255,255,255,.32),
    0 3px 0 rgba(15,23,42,.55),
    0 12px 24px rgba(0,0,0,.35);
}
.plan-price-currency {
  display: inline-block;
  margin-left: 2px;
  margin-bottom: 2px;
  font-size: clamp(1.35rem, 1.6vw, 2rem);
  line-height: .9;
  font-weight: 1000;
  transform: perspective(360px) rotateX(7deg) rotateZ(-.8deg);
  text-shadow: 0 2px 0 rgba(15,23,42,.55), 0 10px 18px rgba(0,0,0,.28);
}
.plan-price-period {
  display: inline-block;
  margin-left: 3px;
  margin-bottom: 5px;
  color: rgba(226, 232, 240, .86);
  font-size: .98rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.02em;
}
.plan-card-ux.plus .plan-price-amount,
.plan-card-ux.plus .plan-price-currency {
  color: #f3e8ff;
  text-shadow:
    0 1px 0 rgba(255,255,255,.36),
    0 3px 0 rgba(57, 24, 89, .72),
    0 0 24px rgba(192,132,252,.22),
    0 14px 26px rgba(0,0,0,.32);
}
.plan-card-ux.premium .plan-price-amount,
.plan-card-ux.premium .plan-price-currency {
  color: #fff1a8;
  text-shadow:
    0 1px 0 rgba(255,255,255,.38),
    0 3px 0 rgba(92, 55, 0, .72),
    0 0 26px rgba(251,191,36,.25),
    0 14px 28px rgba(0,0,0,.34);
}
.plan-card-ux.free .plan-price-amount,
.plan-card-ux.free .plan-price-currency {
  color: #dffbff;
}
.plan-card-ux.plus .plan-promo-pill,
.plan-card-ux.premium .plan-promo-pill {
  font-size: .64rem;
  letter-spacing: .075em;
}
.plan-card-ux.plus .plan-promo-pill {
  background: linear-gradient(135deg, #c4b5fd, #67e8f9);
}
.plan-card-ux.premium .plan-promo-pill {
  background: linear-gradient(135deg, #fde68a, #f59e0b);
}
.plan-price-box small {
  position: relative;
  z-index: 1;
  margin-top: 1px;
}
@media (max-width: 760px) {
  .plan-price-main {
    gap: 4px;
  }
  .plan-price-amount {
    font-size: 2rem;
  }
  .plan-price-currency {
    font-size: 1.35rem;
  }
  .plan-price-period {
    font-size: .86rem;
  }
}

/* Patch 2.32 - Preis-Typo ruhiger, Kalam-Style, Rabatt-Badge dezenter */
.plan-card-ux .plan-price-box {
  min-height: 96px;
  padding: 14px 16px 13px;
}
.plan-card-ux .plan-price-box::after {
  opacity: .16;
  height: 14px;
  filter: blur(10px);
}
.plan-price-box.has-promo {
  padding-top: 14px;
}
.plan-promo-pill,
.plan-card-ux.plus .plan-promo-pill,
.plan-card-ux.premium .plan-promo-pill {
  position: static;
  align-self: flex-start;
  width: fit-content;
  height: 20px;
  margin: 0 0 4px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: .58rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .08em;
  color: rgba(226, 232, 240, .92);
  background: rgba(15, 23, 42, .58);
  border: 1px solid rgba(148, 163, 184, .18);
  box-shadow: none;
  text-transform: uppercase;
}
.plan-card-ux.plus .plan-promo-pill {
  color: #eadcff;
  border-color: rgba(192, 132, 252, .32);
  background: rgba(88, 28, 135, .20);
}
.plan-card-ux.premium .plan-promo-pill {
  color: #ffeeb3;
  border-color: rgba(251, 191, 36, .32);
  background: rgba(120, 77, 8, .20);
}
.plan-price-box del {
  display: block;
  margin: 0 0 1px;
  font-size: .76rem;
  font-weight: 850;
  color: rgba(148, 163, 184, .64);
  text-decoration-thickness: 1.5px;
  text-decoration-color: rgba(248, 113, 113, .68);
}
.plan-price-main {
  align-items: baseline;
  gap: 4px;
  transform: none;
}
.plan-price-amount {
  font-family: "Kalam", "Segoe Print", "Comic Sans MS", "Trebuchet MS", system-ui, cursive;
  font-size: clamp(2.15rem, 2.15vw, 2.72rem);
  line-height: .92;
  font-weight: 700;
  letter-spacing: -.035em;
  transform: rotate(-1.5deg);
  text-shadow:
    0 1px 0 rgba(255, 255, 255, .20),
    0 0 16px rgba(255, 255, 255, .08),
    0 12px 24px rgba(0, 0, 0, .24);
}
.plan-price-currency {
  font-family: "Kalam", "Segoe Print", "Comic Sans MS", system-ui, cursive;
  font-size: clamp(1.28rem, 1.25vw, 1.7rem);
  font-weight: 700;
  line-height: 1;
  margin-left: 1px;
  margin-bottom: 0;
  transform: rotate(-1deg);
  text-shadow: 0 0 12px rgba(255, 255, 255, .06), 0 8px 18px rgba(0, 0, 0, .22);
}
.plan-price-period {
  margin-left: 5px;
  margin-bottom: 2px;
  color: rgba(226, 232, 240, .78);
  font-size: .88rem;
  font-weight: 850;
  letter-spacing: -.015em;
}
.plan-card-ux.plus .plan-price-amount,
.plan-card-ux.plus .plan-price-currency {
  color: #e9d5ff;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, .20),
    0 0 20px rgba(192, 132, 252, .24),
    0 12px 24px rgba(0, 0, 0, .26);
}
.plan-card-ux.premium .plan-price-amount,
.plan-card-ux.premium .plan-price-currency {
  color: #fde68a;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, .22),
    0 0 22px rgba(251, 191, 36, .26),
    0 12px 24px rgba(0, 0, 0, .28);
}
.plan-card-ux.free .plan-price-amount,
.plan-card-ux.free .plan-price-currency {
  color: #dffbff;
}
.plan-price-box small {
  margin-top: 2px;
  color: rgba(203, 213, 225, .78);
}
@media (max-width: 760px) {
  .plan-price-amount { font-size: 2.05rem; }
  .plan-price-currency { font-size: 1.28rem; }
  .plan-price-period { font-size: .82rem; }
}

/* Patch 2.33 - Preis-Schrift einheitlich ruhiger, Monat in Kalam, Premium anderer Rabatt */
.plan-card-ux .plan-price-box {
  min-height: 98px;
}
.plan-price-main {
  align-items: baseline;
  gap: 4px;
}
.plan-price-amount,
.plan-price-currency,
.plan-price-period {
  font-family: "Kalam", "Segoe Print", "Trebuchet MS", system-ui, cursive;
  font-weight: 700;
  letter-spacing: -.025em;
}
.plan-price-amount {
  font-size: clamp(2.08rem, 2.02vw, 2.48rem);
  line-height: .95;
  transform: rotate(-1deg);
  text-shadow:
    0 1px 0 rgba(255, 255, 255, .14),
    0 0 14px rgba(255, 255, 255, .05),
    0 10px 22px rgba(0, 0, 0, .22);
}
.plan-price-currency {
  font-size: clamp(1.16rem, 1.08vw, 1.45rem);
  line-height: 1;
  margin-left: 1px;
  transform: rotate(-.7deg);
}
.plan-price-period {
  margin-left: 5px;
  margin-bottom: 1px;
  color: rgba(226, 232, 240, .76);
  font-size: clamp(.92rem, .88vw, 1.05rem);
  line-height: 1;
  transform: rotate(-.5deg);
  text-shadow: 0 8px 16px rgba(0, 0, 0, .20);
}
.plan-promo-pill,
.plan-card-ux.plus .plan-promo-pill,
.plan-card-ux.premium .plan-promo-pill {
  height: 18px;
  padding: 0 7px;
  margin-bottom: 5px;
  font-size: .55rem;
  letter-spacing: .075em;
  opacity: .88;
}
.plan-card-ux.plus .plan-promo-pill {
  color: #e9d5ff;
  border-color: rgba(192, 132, 252, .30);
  background: rgba(88, 28, 135, .17);
}
.plan-card-ux.premium .plan-promo-pill {
  color: #ffed9a;
  border-color: rgba(251, 191, 36, .34);
  background: rgba(113, 63, 18, .17);
}
.plan-card-ux.plus .plan-price-amount,
.plan-card-ux.plus .plan-price-currency,
.plan-card-ux.plus .plan-price-period {
  color: #eadcff;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, .14),
    0 0 18px rgba(192, 132, 252, .18),
    0 10px 22px rgba(0, 0, 0, .24);
}
.plan-card-ux.premium .plan-price-amount,
.plan-card-ux.premium .plan-price-currency,
.plan-card-ux.premium .plan-price-period {
  color: #fde68a;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, .16),
    0 0 20px rgba(251, 191, 36, .20),
    0 10px 22px rgba(0, 0, 0, .26);
}

/* OAuth Login / zentrale NexCore-ID ----------------------------------- */
.supportdesk-oauth-login-box{margin-top:18px}
.supportdesk-discord-login{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:1px solid rgba(88,101,242,.42);border-radius:18px;background:linear-gradient(135deg,rgba(88,101,242,.22),rgba(56,215,255,.08));color:#eef6ff;text-decoration:none;box-shadow:0 14px 38px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.03);transition:transform .16s ease,border-color .16s ease,background .16s ease}
.supportdesk-discord-login:hover{transform:translateY(-1px);border-color:rgba(88,101,242,.72);background:linear-gradient(135deg,rgba(88,101,242,.30),rgba(56,215,255,.12))}
.supportdesk-discord-login.disabled{opacity:.72;cursor:not-allowed;transform:none;background:rgba(10,19,38,.7);border-color:rgba(148,163,184,.18)}
.discord-login-mark{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#5865f2,#38d7ff);font-weight:900;color:#fff;box-shadow:0 0 22px rgba(88,101,242,.34)}
.supportdesk-discord-login strong{display:block;font-size:1.02rem;line-height:1.1}
.supportdesk-discord-login small{display:block;margin-top:4px;color:rgba(203,213,225,.74);font-size:.84rem;line-height:1.35}
.supportdesk-login-separator{display:flex;align-items:center;gap:12px;margin:18px 0;color:rgba(148,163,184,.72);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}
.supportdesk-login-separator:before,.supportdesk-login-separator:after{content:"";height:1px;flex:1;background:rgba(148,163,184,.16)}
.oauth-profile-card .oauth-identity-row{border:1px solid rgba(56,215,255,.14);background:linear-gradient(135deg,rgba(56,215,255,.08),rgba(9,17,34,.45));border-radius:18px;padding:14px}
.oauth-profile-card .account-identity-avatar.large{box-shadow:0 0 28px rgba(56,215,255,.18)}
.account-action-btn.disabled{opacity:.55;pointer-events:none;filter:grayscale(.25)}
.discord-connect-btn{background:linear-gradient(135deg,rgba(88,101,242,.95),rgba(56,215,255,.75));border-color:rgba(135,150,255,.48)}
.oauth-next-card{border-color:rgba(56,215,255,.16)}
.oauth-step-preview span{background:rgba(7,16,32,.55)}
@media (max-width: 760px){.supportdesk-discord-login{align-items:flex-start}.discord-login-mark{width:38px;height:38px;flex-basis:38px}.account-profile-actions{flex-wrap:wrap}}

/* OAuth Step 2 / Server-Auswahl -------------------------------------- */
.oauth-server-mini{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.oauth-server-mini span{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:10px 12px;
  border:1px solid rgba(56,215,255,.14);
  border-radius:14px;
  background:rgba(7,16,32,.45);
}
.oauth-server-mini strong{
  color:#eaf6ff;
  font-size:1.06rem;
  line-height:1;
}
.oauth-server-mini small{
  color:rgba(166,180,205,.78);
  font-size:.74rem;
  line-height:1.25;
}
.oauth-server-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:14px 0 0;
}
.oauth-server-strip span{
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid rgba(56,215,255,.13);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(56,215,255,.07),rgba(10,20,40,.48));
}
.oauth-server-strip .nc-icon{
  width:16px;
  height:16px;
  color:#38d7ff;
  opacity:.9;
}
.oauth-server-strip strong{
  color:#eff8ff;
  font-size:1rem;
  line-height:1;
}
.oauth-server-strip small{
  min-width:0;
  color:rgba(166,180,205,.76);
  font-size:.76rem;
  line-height:1.25;
}
.top-guild-item small::after,
.guild-card-option-v2 small::after{
  color:rgba(56,215,255,.72);
}
@media (max-width: 980px){
  .oauth-server-mini,
  .oauth-server-strip{grid-template-columns:1fr;}
  .oauth-server-strip span{grid-template-columns:auto auto 1fr;}
}

/* Patch 2.37 - OAuth Server-Auswahl final + Bot-Verbinden UI Cleanup */
.bot-connect-status-card .oauth-server-strip {
  display: none !important;
}
.bot-access-detail-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(148, 163, 184, .10);
}
.bot-access-detail-strip > div {
  min-height: 58px;
  padding: 11px 12px;
  border-radius: 15px;
  border: 1px solid rgba(56, 215, 255, .13);
  background:
    linear-gradient(135deg, rgba(56, 215, 255, .06), rgba(15, 23, 42, .36)),
    rgba(2, 8, 20, .24);
}
.bot-access-detail-strip strong {
  display: block;
  color: #eff8ff;
  font-size: 1.1rem;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: -.02em;
}
.bot-access-detail-strip span {
  display: block;
  margin-top: 5px;
  color: rgba(166, 180, 205, .78);
  font-size: .74rem;
  line-height: 1.25;
}
.bot-connect-guide-polished {
  margin-top: 16px;
}
.bot-connect-guide-head span {
  max-width: 680px;
  text-align: right;
}
.bot-connect-actions-polished {
  margin-top: 14px;
}
.bot-guild-card-compact {
  margin-top: 16px;
}
.bot-guild-card-compact .section-head h2 {
  letter-spacing: -.02em;
}
.bot-guild-card-compact .guild-card-list-v2 {
  gap: 10px;
}
.bot-guild-card-compact .guild-card-option-v2 {
  min-height: 64px;
  grid-template-columns: auto 42px minmax(0, 1fr) auto;
  background:
    linear-gradient(135deg, rgba(56, 215, 255, .06), rgba(15, 23, 42, .40)),
    rgba(2, 8, 20, .28);
}
.bot-guild-card-compact .guild-card-option-v2.active {
  border-color: rgba(56, 215, 255, .52);
  background:
    linear-gradient(135deg, rgba(56, 215, 255, .14), rgba(37, 99, 235, .05)),
    rgba(15, 23, 42, .42);
}
.bot-guild-card-compact .guild-card-option-v2 em {
  border-color: rgba(56, 215, 255, .30);
  background: rgba(56, 215, 255, .08);
}
.top-guild-menu summary {
  min-width: 188px;
}
.top-guild-item {
  position: relative;
  overflow: hidden;
}
.top-guild-item::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(56, 215, 255, .07), transparent 55%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .16s ease;
}
.top-guild-item:hover::before,
.top-guild-item.active::before {
  opacity: 1;
}
.top-guild-item > * {
  position: relative;
  z-index: 1;
}
@media (max-width: 980px) {
  .bot-access-detail-strip {
    grid-template-columns: 1fr;
  }
  .bot-connect-guide-head span {
    max-width: none;
    text-align: left;
  }
}
@media (max-width: 720px) {
  .bot-guild-card-compact .guild-card-option-v2 {
    grid-template-columns: auto 38px minmax(0, 1fr);
  }
  .bot-guild-card-compact .guild-card-option-v2 em {
    grid-column: 2 / 4;
    justify-self: start;
  }
}

/* Patch 2.39 - Team & Admins Owner-Schutz */
.team-step3-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:18px;
  margin-bottom:18px;
}
.team-step3-hero,
.team-step3-add-card{
  min-height:0;
}
.team-access-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}
.team-access-summary span{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:13px 14px;
  border:1px solid rgba(56,215,255,.16);
  border-radius:16px;
  background:rgba(4,14,31,.34);
}
.team-access-summary strong{
  color:#f3f8ff;
  font-size:20px;
  line-height:1;
}
.team-access-summary small{
  color:var(--muted);
  font-size:12px;
}
.team-access-form{
  grid-template-columns:minmax(230px,1fr) minmax(180px,.55fr) auto;
  align-items:end;
}
.team-access-form .btn.primary{
  height:48px;
  border-radius:15px;
  box-shadow:0 12px 34px rgba(47,180,255,.15);
}
.team-step3-members-grid{
  grid-template-columns:1.35fr .65fr;
}
.team-member-list-manage{
  gap:10px;
}
.team-member-manage-row{
  grid-template-columns:auto minmax(220px,1fr) minmax(170px,.42fr) auto;
  align-items:center;
}
.team-member-manage-row.inactive{
  opacity:.55;
}
.team-member-avatar.image{
  overflow:hidden;
  padding:0;
  background:rgba(56,215,255,.08);
}
.team-member-avatar.image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.team-member-main{
  min-width:0;
}
.team-member-main small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.team-member-role-form select{
  width:100%;
  border:1px solid var(--border);
  border-radius:13px;
  background:rgba(4,14,31,.58);
  color:var(--text);
  padding:10px 12px;
  font-weight:800;
}
.team-member-role-form select:disabled,
.team-member-remove-form button:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.team-member-remove-form button,
.team-invite-list-compact button{
  border:1px solid rgba(255,110,130,.32);
  background:rgba(255,66,96,.08);
  color:#ffc0ca;
  border-radius:13px;
  padding:10px 13px;
  font-weight:900;
  cursor:pointer;
}
.team-member-remove-form button:hover:not(:disabled),
.team-invite-list-compact button:hover:not(:disabled){
  border-color:rgba(255,110,130,.55);
  background:rgba(255,66,96,.14);
}
.team-permissions-explainer{
  margin-top:18px;
}
.team-bottom-note{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--border);
}
@media (max-width:1100px){
  .team-step3-grid,
  .team-step3-members-grid{
    grid-template-columns:1fr;
  }
  .team-access-form{
    grid-template-columns:1fr;
  }
  .team-member-manage-row{
    grid-template-columns:auto 1fr;
  }
  .team-member-role-form,
  .team-member-remove-form{
    grid-column:2;
  }
}
@media (max-width:720px){
  .team-access-summary{
    grid-template-columns:1fr;
  }
}

/* Patch 2.39 - Team & Admins: NexCore-ID only + Owner-Schutz polish */
.team-step3-add-card .section-head h2 {
  letter-spacing: -0.02em;
}
.team-access-form {
  grid-template-columns: minmax(260px, 1fr) minmax(180px, .48fr) minmax(190px, auto);
}
.team-access-form .btn.primary {
  min-width: 190px;
  white-space: nowrap;
  justify-content: center;
  border: 1px solid rgba(56, 215, 255, .42);
  background:
    linear-gradient(135deg, rgba(56, 215, 255, .22), rgba(37, 99, 235, .22)),
    rgba(7, 21, 42, .82);
  color: #eaffff;
  box-shadow: 0 0 0 1px rgba(56, 215, 255, .05) inset, 0 14px 34px rgba(37, 99, 235, .14);
}
.team-access-form .btn.primary:hover:not(:disabled) {
  transform: translateY(-1px);
  border-color: rgba(104, 232, 255, .62);
  box-shadow: 0 0 0 1px rgba(104, 232, 255, .08) inset, 0 18px 42px rgba(56, 215, 255, .18);
}
.team-access-form .btn.primary:disabled {
  background: rgba(11, 21, 38, .68);
  color: rgba(159, 176, 198, .55);
  border-color: rgba(148, 163, 184, .14);
  box-shadow: none;
}
.team-member-manage-row.protected {
  border-color: rgba(56, 215, 255, .42);
  background: linear-gradient(135deg, rgba(56, 215, 255, .14), rgba(16, 185, 129, .07));
}
.team-member-manage-row.protected .team-member-role-form select:disabled {
  opacity: .92;
  color: #bff4ff;
  border-color: rgba(56, 215, 255, .28);
  background: rgba(56, 215, 255, .08);
}
@media (max-width:1100px){
  .team-access-form{
    grid-template-columns:1fr;
  }
  .team-access-form .btn.primary{
    width:fit-content;
    min-width:190px;
  }
}

/* Patch 2.40 - Team & Admins: custom role dropdown, invite glow button, trash action */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.team-role-picker-label{
  position:relative;
  z-index:5;
}
.nc-role-select{
  position:relative;
  width:100%;
}
.nc-role-select-toggle{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(56,215,255,.32);
  border-radius:15px;
  background:
    radial-gradient(circle at 15% 0%, rgba(56,215,255,.10), transparent 42%),
    linear-gradient(135deg, rgba(5,17,35,.95), rgba(7,15,31,.92));
  color:#eef8ff;
  padding:0 15px;
  font-weight:850;
  cursor:pointer;
  outline:none;
  box-shadow:0 0 0 1px rgba(56,215,255,.04) inset;
}
.nc-role-select-toggle i{
  color:#38d7ff;
  font-style:normal;
  transition:transform .18s ease;
}
.nc-role-select.open .nc-role-select-toggle{
  border-color:rgba(93,229,255,.72);
  box-shadow:0 0 0 3px rgba(56,215,255,.10), 0 14px 34px rgba(0,0,0,.22);
}
.nc-role-select.open .nc-role-select-toggle i{
  transform:rotate(180deg);
}
.nc-role-select-menu{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 8px);
  display:grid;
  gap:6px;
  padding:8px;
  border-radius:16px;
  border:1px solid rgba(56,215,255,.38);
  background:
    linear-gradient(180deg, rgba(8,18,38,.98), rgba(4,10,22,.98));
  box-shadow:0 22px 52px rgba(0,0,0,.48), 0 0 34px rgba(56,215,255,.10);
  z-index:90;
}
.nc-role-select-menu button{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:#eef8ff;
  padding:10px 11px;
  text-align:left;
  cursor:pointer;
}
.nc-role-select-menu button strong{
  font-size:14px;
  font-weight:900;
}
.nc-role-select-menu button small{
  color:rgba(159,176,198,.72);
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.nc-role-select-menu button:hover,
.nc-role-select-menu button.active{
  border-color:rgba(56,215,255,.32);
  background:rgba(56,215,255,.10);
}
.nc-role-select.is-disabled .nc-role-select-toggle{
  opacity:.55;
  cursor:not-allowed;
  border-color:rgba(148,163,184,.14);
  background:rgba(11,21,38,.55);
}
.team-access-form .team-invite-ghost-btn{
  min-width:178px;
  height:48px;
  white-space:nowrap;
  justify-content:center;
  gap:10px;
  border:1px solid rgba(56,215,255,.46);
  border-radius:15px;
  background:
    radial-gradient(circle at 50% 160%, rgba(56,215,255,.18), transparent 62%),
    rgba(4,14,31,.30);
  color:#eaffff;
  box-shadow:0 0 0 1px rgba(56,215,255,.05) inset;
  overflow:hidden;
}
.team-access-form .team-invite-ghost-btn::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:13px;
  pointer-events:none;
  opacity:.55;
  background:linear-gradient(180deg, rgba(56,215,255,.10), transparent 58%);
}
.team-access-form .team-invite-ghost-btn:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:rgba(104,232,255,.76);
  background:
    radial-gradient(circle at 50% 105%, rgba(56,215,255,.24), transparent 55%),
    rgba(4,14,31,.42);
  box-shadow:0 0 0 1px rgba(104,232,255,.10) inset, 0 0 26px rgba(56,215,255,.20), 0 18px 42px rgba(0,0,0,.22);
}
.team-access-form .team-invite-ghost-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
  border-color:rgba(148,163,184,.14);
  background:rgba(11,21,38,.55);
  box-shadow:none;
}
.nc-holo-mark{
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#38d7ff;
  filter:drop-shadow(0 0 8px rgba(56,215,255,.26));
}
.nc-holo-mark svg{
  width:100%;
  height:100%;
}
.nc-holo-mark path{
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linejoin:round;
  fill:rgba(56,215,255,.06);
}
.team-member-remove-form{
  display:flex;
  justify-content:flex-end;
}
.team-member-remove-form .team-trash-btn{
  width:42px;
  min-width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,110,130,.26);
  background:rgba(255,66,96,.055);
  color:#ff9faf;
  border-radius:14px;
  padding:0;
  cursor:pointer;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.team-member-remove-form .team-trash-btn .nc-ui-icon,
.team-member-remove-form .team-trash-btn svg{
  width:18px;
  height:18px;
}
.team-member-remove-form .team-trash-btn:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:rgba(255,110,130,.60);
  background:rgba(255,66,96,.13);
  box-shadow:0 0 22px rgba(255,66,96,.14);
}
.team-member-remove-form .team-trash-btn:disabled{
  opacity:.38;
  cursor:not-allowed;
  box-shadow:none;
}
.team-member-remove-form button:not(.team-trash-btn){
  font-size:0;
}
.team-member-remove-form button:not(.team-trash-btn)::before{
  content:"";
}
@media (max-width:1100px){
  .team-access-form .team-invite-ghost-btn{
    width:fit-content;
    min-width:178px;
  }
  .nc-role-select-menu{
    position:static;
    margin-top:8px;
  }
}
.team-access-form .team-invite-ghost-btn{position:relative;}
.team-access-form .team-invite-ghost-btn > *{position:relative;z-index:1;}

/* Patch 2.41 – Webpanel-Rechte */
.panel-role-pill{
  border-color:rgba(56,215,255,.24);
  background:rgba(56,215,255,.07);
  color:#dff7ff;
}
.panel-rights-alert{
  border-color:rgba(56,215,255,.24);
  background:linear-gradient(135deg,rgba(56,215,255,.08),rgba(37,99,235,.06));
  box-shadow:0 0 28px rgba(56,215,255,.06) inset;
}
.nc-form-readonly{
  position:relative;
}
.nc-form-readonly input:not([type="hidden"]),
.nc-form-readonly select,
.nc-form-readonly textarea,
.nc-form-readonly button{
  cursor:not-allowed !important;
}
.nc-form-readonly button,
.nc-form-readonly .btn,
.nc-form-readonly .account-action-btn{
  opacity:.48;
  filter:saturate(.7);
}
.nc-form-readonly::after{
  content:"Lesemodus";
  position:absolute;
  top:14px;
  right:14px;
  z-index:5;
  pointer-events:none;
  border:1px solid rgba(56,215,255,.28);
  background:rgba(7,17,37,.86);
  color:#aeefff;
  border-radius:999px;
  padding:6px 10px;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  box-shadow:0 0 18px rgba(56,215,255,.10);
}
@media (max-width:720px){
  .nc-form-readonly::after{
    position:static;
    display:inline-flex;
    width:max-content;
    margin:0 0 10px;
  }
}


/* Patch 2.42 - Team & Admins: Dropdown repariert, echtes NexCore-N im Invite-Button, bessere Lesbarkeit */
.team-step3-add-card,
.team-role-picker-label,
.team-access-form label {
  overflow: visible;
}
.team-step3-add-card {
  position: relative;
  z-index: 18;
}
.team-step3-add-card:focus-within {
  z-index: 120;
}
.team-access-form {
  align-items: start;
}
.team-access-form label > span {
  min-height: 16px;
  display: inline-flex;
  align-items: center;
}
.nc-role-select-toggle span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nc-role-select-menu {
  width: max(100%, 292px);
  min-width: 292px;
  max-width: min(356px, calc(100vw - 36px));
  gap: 7px;
  padding: 9px;
  z-index: 180;
}
.nc-role-select-menu button {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: start;
  align-items: start;
  justify-content: start;
  min-height: 54px;
  gap: 4px;
  padding: 11px 13px;
  line-height: 1.15;
}
.nc-role-select-menu button strong {
  display: block;
  max-width: 100%;
  font-size: 14px;
  line-height: 1.13;
  white-space: normal;
  overflow-wrap: anywhere;
}
.nc-role-select-menu button small {
  display: block;
  justify-self: start;
  max-width: 100%;
  margin: 0;
  color: rgba(174, 191, 216, .82);
  font-size: 11px;
  line-height: 1.2;
  white-space: normal;
  overflow-wrap: anywhere;
}
.nc-role-select-menu button.active {
  background: linear-gradient(135deg, rgba(56, 215, 255, .13), rgba(37, 99, 235, .08));
}
.team-access-form .team-invite-ghost-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  min-width: 190px;
  padding: 0 21px 0 17px;
  line-height: 1;
}
.team-access-form .team-invite-ghost-btn span:last-child {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.nc-holo-mark {
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  border-radius: 9px;
  border: 1px solid rgba(56, 215, 255, .24);
  background: radial-gradient(circle at 50% 45%, rgba(56, 215, 255, .14), rgba(4, 14, 31, .08) 72%);
  box-shadow: 0 0 18px rgba(56, 215, 255, .10) inset;
}
.nc-holo-mark img {
  width: 19px;
  height: 19px;
  object-fit: contain;
  display: block;
  opacity: .94;
  filter: drop-shadow(0 0 7px rgba(56, 215, 255, .36));
}
.team-access-summary span,
.team-permission-list-v2 div,
.team-invite-list-compact .no-team-items {
  border-color: rgba(56, 215, 255, .18);
  background: linear-gradient(135deg, rgba(7, 18, 38, .72), rgba(4, 12, 25, .54));
}
.team-permission-list-v2 div {
  min-height: 72px;
  padding: 16px 17px;
}
.team-permission-list-v2 strong {
  margin-bottom: 6px;
  font-size: .98rem;
}
.team-permission-list-v2 small {
  color: rgba(176, 193, 218, .90);
  line-height: 1.42;
}
.team-form-note {
  display: block;
  max-width: 100%;
  line-height: 1.42;
}
@media (max-width: 1100px) {
  .nc-role-select-menu {
    position: static;
    width: 100%;
    min-width: 0;
    max-width: none;
    margin-top: 8px;
  }
  .team-access-form .team-invite-ghost-btn {
    width: fit-content;
    min-width: 190px;
  }
}
@media (max-width: 720px) {
  .team-access-form .team-invite-ghost-btn {
    width: 100%;
  }
  .team-permission-list-v2 div {
    min-height: 0;
  }
}


/* Patch 2.43 - Team & Admins: Dropdown schliesst sauber, Button sitzt wieder ruhig */
.team-access-form {
  align-items: end;
}
.team-access-form .team-invite-ghost-btn {
  align-self: end;
  margin-top: 0;
  transform: none;
}
.team-access-form .team-invite-ghost-btn:hover:not(:disabled) {
  transform: translateY(-1px);
}
.nc-role-select-menu[hidden] {
  display: none !important;
}
.nc-role-select:not(.open) .nc-role-select-menu {
  display: none !important;
}
.nc-role-select.open .nc-role-select-menu {
  display: grid;
}
.nc-role-select-menu {
  left: 0;
  right: auto;
  top: calc(100% + 10px);
}
.team-step3-add-card {
  overflow: visible;
}
.team-step3-add-card .team-form-note {
  margin-top: 10px;
}
@media (max-width: 1100px) {
  .team-access-form {
    align-items: stretch;
  }
  .team-access-form .team-invite-ghost-btn {
    align-self: flex-start;
  }
}
@media (max-width: 720px) {
  .team-access-form .team-invite-ghost-btn {
    align-self: stretch;
  }
}

/* Patch 2.44 - Team & Admins: lesbarer Rollen-Dropdown, ruhiger Pfeil */
.nc-role-select-toggle {
  min-height: 50px;
  padding: 0 15px 0 16px;
}
.nc-role-select-toggle span,
.nc-role-select-toggle [data-team-role-label] {
  font-size: 15px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: .01em;
  color: #dff8ff;
  text-shadow: 0 0 14px rgba(56, 215, 255, .14);
}
.nc-role-select.open .nc-role-select-toggle span,
.nc-role-select.open .nc-role-select-toggle [data-team-role-label] {
  color: #8befff;
}
.nc-role-select-toggle i {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 0;
  line-height: 0;
  border-radius: 9px;
  color: #38d7ff;
  background: rgba(56, 215, 255, .075);
  box-shadow: 0 0 0 1px rgba(56, 215, 255, .12) inset;
  transform: none !important;
  transition: background .18s ease, box-shadow .18s ease, color .18s ease;
}
.nc-role-select-toggle i::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 48%;
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translate(-50%, -58%) rotate(45deg);
  transform-origin: center;
  transition: transform .22s ease, top .22s ease;
}
.nc-role-select.open .nc-role-select-toggle i {
  color: #a8f5ff;
  background: rgba(56, 215, 255, .13);
  box-shadow: 0 0 0 1px rgba(104, 232, 255, .22) inset, 0 0 18px rgba(56, 215, 255, .12);
}
.nc-role-select.open .nc-role-select-toggle i::before {
  top: 52%;
  transform: translate(-50%, -42%) rotate(225deg);
}
.nc-role-select-menu {
  padding: 10px;
  gap: 8px;
  background:
    radial-gradient(circle at 15% 0%, rgba(56, 215, 255, .10), transparent 42%),
    linear-gradient(180deg, rgba(9, 20, 42, .99), rgba(4, 10, 22, .99));
}
.nc-role-select-menu button {
  position: relative;
  min-height: 62px;
  padding: 12px 14px 12px 42px;
  border-color: rgba(148, 163, 184, .08);
  background: rgba(7, 17, 36, .48);
}
.nc-role-select-menu button::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 18px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #38d7ff;
  box-shadow: 0 0 14px rgba(56, 215, 255, .32);
}
.nc-role-select-menu button[data-value="viewer"]::before {
  background: #38d7ff;
  box-shadow: 0 0 14px rgba(56, 215, 255, .32);
}
.nc-role-select-menu button[data-value="supportdesk_admin"]::before {
  background: #8b5cf6;
  box-shadow: 0 0 14px rgba(139, 92, 246, .34);
}
.nc-role-select-menu button[data-value="billing"]::before {
  background: #f7c948;
  box-shadow: 0 0 14px rgba(247, 201, 72, .30);
}
.nc-role-select-menu button[data-value="owner"]::before {
  background: #34d399;
  box-shadow: 0 0 14px rgba(52, 211, 153, .30);
}
.nc-role-select-menu button strong {
  font-size: 15.5px;
  line-height: 1.16;
  color: #f0fbff;
  letter-spacing: -.01em;
}
.nc-role-select-menu button small {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.25;
  color: rgba(182, 200, 224, .88);
}
.nc-role-select-menu button:hover,
.nc-role-select-menu button.active {
  border-color: rgba(56, 215, 255, .34);
  background: linear-gradient(135deg, rgba(56, 215, 255, .13), rgba(37, 99, 235, .075));
}
.nc-role-select-menu button.active strong {
  color: #bff7ff;
}
.nc-role-select-menu button[data-value="billing"].active strong,
.nc-role-select-menu button[data-value="billing"]:hover strong {
  color: #ffe8a3;
}
.nc-role-select-menu button[data-value="supportdesk_admin"].active strong,
.nc-role-select-menu button[data-value="supportdesk_admin"]:hover strong {
  color: #d7c8ff;
}
.nc-role-select-menu button[data-value="owner"].active strong,
.nc-role-select-menu button[data-value="owner"]:hover strong {
  color: #c7ffe8;
}


/* Patch 2.45 - Team & Admins: Dropdown-Text zentriert, Warnungen fuer Billing/Owner */
.nc-role-select-toggle{
  height:50px;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 13px 0 16px;
}
.nc-role-select-toggle span,
.nc-role-select-toggle [data-team-role-label]{
  display:flex;
  align-items:center;
  align-self:stretch;
  min-height:100%;
  line-height:1;
  padding-top:1px;
}
.nc-role-select-toggle i{
  margin-left:auto;
  align-self:center;
  transform:none!important;
}
.nc-role-select.open .nc-role-select-toggle i::before{
  top:50%;
  transform:translate(-50%, -48%) rotate(225deg);
}
.team-role-risk{
  display:none;
  margin-top:9px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(247, 201, 72, .28);
  background:linear-gradient(135deg, rgba(247, 201, 72, .10), rgba(255, 180, 80, .045));
  color:#ffe8a3;
  font-size:.78rem;
  line-height:1.35;
  font-weight:800;
  box-shadow:0 0 22px rgba(247, 201, 72, .055) inset;
}
.team-role-risk.is-visible{
  display:block;
}
.team-custom-rights-note{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:8px 12px;
  align-items:center;
  margin:0 0 14px;
  padding:13px 14px;
  border:1px solid rgba(56, 215, 255, .20);
  border-radius:17px;
  background:linear-gradient(135deg, rgba(56, 215, 255, .075), rgba(37, 99, 235, .045));
  color:#dff8ff;
}
.team-custom-rights-note strong{
  font-size:.93rem;
  letter-spacing:-.01em;
}
.team-custom-rights-note span{
  color:rgba(178, 195, 220, .92);
  font-size:.86rem;
  line-height:1.35;
}
.team-permission-list-v2 .team-permission-item{
  position:relative;
  overflow:hidden;
}
.team-permission-list-v2 .team-permission-item::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:3px;
  border-radius:999px;
  background:rgba(56, 215, 255, .50);
}
.team-permission-list-v2 .team-permission-item.role-supportdesk_admin::before{
  background:rgba(139, 92, 246, .75);
  box-shadow:0 0 16px rgba(139, 92, 246, .22);
}
.team-permission-list-v2 .team-permission-item.role-billing::before{
  background:rgba(247, 201, 72, .82);
  box-shadow:0 0 16px rgba(247, 201, 72, .20);
}
.team-permission-list-v2 .team-permission-item.role-owner::before{
  background:rgba(52, 211, 153, .78);
  box-shadow:0 0 16px rgba(52, 211, 153, .18);
}
.team-permission-list-v2 .team-permission-item em{
  display:block;
  margin-top:9px;
  padding-top:8px;
  border-top:1px solid rgba(247, 201, 72, .16);
  color:#ffe3a3;
  font-style:normal;
  font-size:.78rem;
  line-height:1.35;
  font-weight:800;
}
@media (max-width:720px){
  .team-custom-rights-note{
    grid-template-columns:1fr;
  }
}

/* Patch 2.46 - Team & Admins: kompaktere Abstaende und klare Kundentexte */
.account-control-page.account-page-split{
  gap:14px;
}
.account-page-split .team-step3-grid{
  gap:14px;
  margin-bottom:0;
}
.account-page-split .team-step3-members-grid{
  gap:14px;
}
.account-page-split .team-permissions-explainer{
  margin-top:0;
}
.team-step3-hero .muted-text,
.team-step3-add-card .team-form-note,
.team-bottom-note{
  color:rgba(185, 202, 226, .92);
  line-height:1.48;
}
.team-step3-hero .muted-text{
  max-width:620px;
  margin-bottom:0;
}
.team-step3-add-card .team-form-note{
  margin-top:9px;
  padding:0 2px;
}
.team-invites-card .section-head h2{
  letter-spacing:-.03em;
}
.team-invite-list-compact .no-team-items{
  color:rgba(185,202,226,.84);
}
.team-custom-rights-note{
  grid-template-columns:auto minmax(0,1fr);
  border-color:rgba(56,215,255,.18);
  background:linear-gradient(135deg, rgba(56,215,255,.065), rgba(7,18,38,.42));
}
.team-custom-rights-note strong{
  color:#eaffff;
}
.team-custom-rights-note span{
  color:rgba(188,205,229,.92);
}
.team-bottom-note{
  margin-top:12px;
  padding-top:12px;
  border-top-color:rgba(56,215,255,.12);
}
@media (max-width:1100px){
  .account-control-page.account-page-split{
    gap:12px;
  }
  .account-page-split .team-step3-grid,
  .account-page-split .team-step3-members-grid{
    gap:12px;
  }
}

/* Patch 2.47 - Team & Admins: echte Einladungslogik, Kundentexte und engere Abstaende */
.account-control-page.account-page-split{
  gap:10px;
}
.account-control-page.account-page-split .account-split-hero{
  margin-bottom:0;
}
.account-page-split .team-step3-grid,
.account-page-split .team-step3-members-grid{
  gap:10px;
  margin-bottom:0;
}
.account-page-split .team-permissions-explainer{
  margin-top:0;
}
.team-step3-hero,
.team-step3-add-card,
.team-members-card-wide,
.team-invites-card,
.team-permissions-explainer{
  padding-top:22px;
  padding-bottom:22px;
}
.team-step3-hero .section-head,
.team-step3-add-card .section-head,
.team-members-card-wide .section-head,
.team-invites-card .section-head,
.team-permissions-explainer .section-head{
  margin-bottom:12px;
}
.team-step3-hero .muted-text,
.team-step3-add-card .team-form-note{
  font-size:.94rem;
}
.team-own-invite-card{
  display:grid;
  gap:12px;
  border-color:rgba(247,201,72,.34);
  background:
    radial-gradient(circle at 94% 12%, rgba(247,201,72,.12), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.92), rgba(7,15,29,.94));
}
.team-own-invite-card .muted-text{
  max-width:760px;
  color:rgba(226,236,250,.92);
  line-height:1.5;
}
.team-own-invite-actions{
  display:flex;
  justify-content:flex-start;
}
.team-own-invite-actions .btn{
  min-height:44px;
  border-radius:14px;
}
.team-protected-note{
  margin:12px 0 0;
  padding-top:10px;
  border-top:1px solid rgba(56,215,255,.10);
  font-size:.84rem;
  line-height:1.45;
}
.team-custom-rights-note{
  display:block;
  margin-bottom:12px;
}
.team-custom-rights-note strong{
  display:block;
  line-height:1.42;
}
.team-bottom-note{
  margin-top:10px;
  padding-top:10px;
}
.team-invite-list-compact .team-invite-row small{
  color:rgba(185,202,226,.86);
}
@media (max-width:1100px){
  .account-control-page.account-page-split,
  .account-page-split .team-step3-grid,
  .account-page-split .team-step3-members-grid{
    gap:10px;
  }
}


/* Patch 2.48 - Team & Admins: Hilfetexte in Fragezeichen, Besitzer-Begriff, kompaktere Bereiche */
.account-control-page.account-page-split{
  gap:8px;
}
.account-control-page.account-page-split .account-split-hero{
  padding-top:22px;
  padding-bottom:22px;
}
.account-page-split .team-step3-grid,
.account-page-split .team-step3-members-grid{
  gap:8px;
  margin-bottom:0;
}
.team-step3-hero,
.team-step3-add-card,
.team-members-card-wide,
.team-invites-card,
.team-permissions-explainer{
  padding-top:19px;
  padding-bottom:19px;
}
.team-step3-hero .section-head,
.team-step3-add-card .section-head,
.team-members-card-wide .section-head,
.team-invites-card .section-head,
.team-permissions-explainer .section-head{
  margin-bottom:9px;
}
.team-compact-helper{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 0 10px;
  max-width:560px;
}
.team-step3-add-card .team-form-note.compact{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:8px;
  max-width:520px;
  font-size:.84rem;
  color:rgba(188,205,229,.84);
}
.team-info-dot{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:19px;
  height:19px;
  min-width:19px;
  border-radius:999px;
  border:1px solid rgba(56,215,255,.42);
  background:rgba(56,215,255,.08);
  color:#7ceaff;
  font-size:12px;
  font-weight:1000;
  line-height:1;
  cursor:help;
  vertical-align:middle;
  box-shadow:0 0 14px rgba(56,215,255,.12) inset;
}
.team-info-dot.small{
  width:16px;
  height:16px;
  min-width:16px;
  font-size:10px;
}
.team-info-dot:hover,
.team-info-dot:focus-visible{
  border-color:rgba(56,215,255,.78);
  background:rgba(56,215,255,.16);
  color:#eaffff;
}
.team-info-dot::after{
  content:attr(data-tip);
  position:absolute;
  z-index:80;
  left:50%;
  bottom:calc(100% + 11px);
  transform:translateX(-50%) translateY(4px);
  width:min(340px, 72vw);
  padding:11px 12px;
  border-radius:14px;
  border:1px solid rgba(56,215,255,.28);
  background:linear-gradient(180deg, rgba(10,22,42,.98), rgba(5,12,24,.98));
  color:rgba(232,244,255,.96);
  font-size:12px;
  font-weight:750;
  line-height:1.42;
  letter-spacing:0;
  text-transform:none;
  box-shadow:0 20px 50px rgba(0,0,0,.42), 0 0 24px rgba(56,215,255,.10);
  opacity:0;
  pointer-events:none;
  visibility:hidden;
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
}
.team-info-dot:hover::after,
.team-info-dot:focus-visible::after{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}
.team-step3-add-card .section-head h2{
  display:flex;
  align-items:center;
  gap:8px;
}
.team-protected-note,
.team-bottom-note{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.team-permission-list-v2{
  gap:8px;
}
.team-permission-item small{
  font-size:.84rem;
}
@media (max-width:720px){
  .team-info-dot::after{
    left:auto;
    right:-8px;
    transform:translateY(4px);
  }
  .team-info-dot:hover::after,
  .team-info-dot:focus-visible::after{
    transform:translateY(0);
  }
}


/* Patch 2.49: Account-only / Einladung erforderlich */
.account-waiting-shell {
  max-width: 760px;
}
.account-waiting-card {
  gap: 18px;
}
.account-waiting-profile {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border: 1px solid rgba(56, 215, 255, .22);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(56, 215, 255, .11), rgba(14, 24, 45, .72));
}
.account-waiting-profile strong {
  display: block;
  color: #f4f8ff;
  font-weight: 850;
}
.account-waiting-profile small {
  display: block;
  margin-top: 3px;
  color: rgba(191, 203, 224, .78);
}
.account-waiting-avatar {
  width: 50px;
  height: 50px;
  border-radius: 16px;
  overflow: hidden;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(56, 215, 255, .4);
  background: rgba(5, 13, 29, .8);
  color: #6ee7ff;
  font-weight: 900;
}
.account-waiting-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.account-waiting-id-box {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px 14px;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(56, 215, 255, .34);
  background: rgba(3, 12, 28, .72);
  box-shadow: inset 0 0 24px rgba(56, 215, 255, .07);
}
.account-waiting-id-box span {
  grid-column: 1 / -1;
  color: #38d7ff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.account-waiting-id-box strong {
  min-width: 0;
  color: #f5f8ff;
  font-size: clamp(22px, 4vw, 34px);
  letter-spacing: .02em;
  word-break: break-word;
}
.account-waiting-id-box button {
  border: 1px solid rgba(56, 215, 255, .45);
  color: #dff8ff;
  background: rgba(56, 215, 255, .1);
  border-radius: 14px;
  padding: 10px 14px;
  font-weight: 850;
  cursor: pointer;
}
.account-waiting-id-box button:hover {
  background: rgba(56, 215, 255, .18);
  box-shadow: inset 0 0 18px rgba(56, 215, 255, .12), 0 0 18px rgba(56, 215, 255, .08);
}
.account-waiting-steps {
  color: rgba(211, 221, 240, .86);
  line-height: 1.55;
}
.account-waiting-steps p {
  margin: 0 0 6px;
}
.account-waiting-steps ol {
  margin: 0;
  padding-left: 22px;
}
.account-waiting-steps li + li {
  margin-top: 4px;
}
.account-waiting-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.account-waiting-actions .btn.ghost {
  background: transparent;
  border-color: rgba(148, 163, 184, .22);
  color: rgba(226, 232, 240, .86);
}
@media (max-width: 620px) {
  .account-waiting-id-box {
    grid-template-columns: 1fr;
  }
  .account-waiting-id-box button,
  .account-waiting-actions .btn {
    width: 100%;
    justify-content: center;
  }
}

/* Patch 2.51: Pending-Einladung fokussieren und Status beruhigen */
.account-home-shell {
  max-width: 980px;
}
.account-home-card {
  gap: 18px;
}
.account-home-brand p {
  max-width: 720px;
}
.account-home-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .82fr);
  gap: 14px;
}
.account-home-panel {
  border: 1px solid rgba(56, 215, 255, .18);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(9, 20, 40, .82), rgba(4, 12, 27, .92));
  padding: 16px;
  box-shadow: inset 0 0 28px rgba(56, 215, 255, .045);
}
.account-home-panel-head {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 12px;
}
.account-home-panel-head span {
  color: #38d7ff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.account-home-panel-head strong {
  color: #f3f7ff;
  font-size: 20px;
  font-weight: 900;
}
.account-home-server-list,
.account-home-invite-list {
  display: grid;
  gap: 8px;
}
.account-home-server-row,
.account-home-invite-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 16px;
  background: rgba(2, 10, 24, .48);
}
.account-home-invite-row {
  grid-template-columns: minmax(0, 1fr) auto;
}
.account-home-server-row strong,
.account-home-invite-row strong {
  display: block;
  color: #eef6ff;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-home-server-row small,
.account-home-invite-row small {
  display: block;
  color: rgba(191, 203, 224, .72);
  font-size: 12px;
  margin-top: 2px;
}
.account-home-server-row a,
.account-home-invite-row a {
  border: 1px solid rgba(56, 215, 255, .34);
  border-radius: 999px;
  padding: 8px 11px;
  color: #dff8ff;
  background: rgba(56, 215, 255, .08);
  font-weight: 850;
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
}
.account-home-server-row a:hover,
.account-home-invite-row a:hover {
  background: rgba(56, 215, 255, .16);
  box-shadow: inset 0 0 16px rgba(56, 215, 255, .12), 0 0 18px rgba(56, 215, 255, .08);
}
.account-home-server-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #facc15;
  box-shadow: 0 0 14px rgba(250, 204, 21, .28);
}
.account-home-server-dot.connected {
  background: #34d399;
  box-shadow: 0 0 14px rgba(52, 211, 153, .28);
}
.account-home-note {
  margin: 12px 0 0;
  color: rgba(191, 203, 224, .76);
  font-size: 13px;
  line-height: 1.45;
}
.account-home-actions {
  justify-content: flex-end;
}
@media (max-width: 820px) {
  .account-home-grid {
    grid-template-columns: 1fr;
  }
  .account-home-actions {
    justify-content: stretch;
  }
}
@media (max-width: 560px) {
  .account-home-server-row,
  .account-home-invite-row {
    grid-template-columns: 1fr;
  }
  .account-home-server-dot {
    display: none;
  }
  .account-home-server-row a,
  .account-home-invite-row a {
    text-align: center;
  }
}


/* Patch 2.51: ruhiger Pending-/Account-Flow */
.account-status-pill.pending {
  border-color: rgba(247, 201, 72, .38);
  color: #fde68a;
  background: rgba(247, 201, 72, .10);
}
.account-status-pill.neutral {
  border-color: rgba(148, 163, 184, .20);
  color: rgba(226, 236, 250, .78);
  background: rgba(15, 23, 42, .34);
}
.account-command-side.is-pending {
  min-width: 230px;
}
.team-own-invite-card-focus {
  max-width: none;
  min-height: 220px;
  align-content: center;
}
.team-own-invite-card-focus .section-head {
  margin-bottom: 8px;
}
.team-own-invite-card-focus .muted-text {
  font-size: 1rem;
  max-width: 680px;
}
.team-own-invite-actions {
  gap: 10px;
  flex-wrap: wrap;
}
.team-own-invite-actions .btn.ghost {
  background: rgba(15, 23, 42, .50);
  border-color: rgba(148, 163, 184, .20);
  color: rgba(226, 236, 250, .86);
}
.account-home-card .account-home-brand h1 {
  letter-spacing: -.055em;
}
.account-home-card .muted-text {
  color: rgba(191, 203, 224, .82);
  line-height: 1.45;
}
.account-home-panel:first-child:not(:has(.account-home-server-row)) {
  border-color: rgba(148, 163, 184, .16);
  background: linear-gradient(135deg, rgba(12, 20, 36, .78), rgba(5, 11, 23, .92));
}
.account-home-actions .btn:first-child {
  min-width: 190px;
}
@media (max-width: 720px) {
  .account-command-side.is-pending {
    min-width: 0;
  }
  .team-own-invite-card-focus {
    min-height: 0;
  }
}

/* Patch 2.52 - Login/Registrierung ruhiger + Discord Brand Button */
body.supportdesk-login-page{
  padding:clamp(22px,5vw,48px);
  background:
    radial-gradient(circle at 18% 18%,rgba(56,215,255,.15),transparent 32%),
    radial-gradient(circle at 88% 10%,rgba(88,101,242,.24),transparent 34%),
    radial-gradient(circle at 50% 100%,rgba(14,165,233,.10),transparent 38%),
    linear-gradient(135deg,#030814 0%,#071226 52%,#0a1430 100%);
}
.supportdesk-login-shell{
  width:min(760px,100%);
}
.supportdesk-login-card{
  position:relative;
  overflow:hidden;
  border-color:rgba(56,215,255,.25);
  border-radius:30px;
  padding:clamp(26px,4vw,42px);
  background:
    radial-gradient(circle at 100% 0%,rgba(88,101,242,.18),transparent 32%),
    linear-gradient(145deg,rgba(15,23,42,.96),rgba(6,12,25,.98));
  box-shadow:0 34px 120px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.05);
}
.supportdesk-login-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(56,215,255,.16),transparent 24%,transparent 76%,rgba(88,101,242,.12));
  opacity:.45;
}
.supportdesk-login-card>*{position:relative;z-index:1;}
.supportdesk-login-brand{
  margin-bottom:24px;
  gap:16px;
}
.supportdesk-login-brand .nc-brand-mark{
  width:58px;
  height:58px;
  border-radius:18px;
  box-shadow:0 0 28px rgba(56,215,255,.22);
}
.supportdesk-login-brand h1{
  font-size:clamp(34px,5vw,54px);
  line-height:.98;
  margin-bottom:8px;
}
.supportdesk-login-brand .supportdesk-login-subline{
  max-width:590px;
  color:rgba(203,213,225,.82);
  line-height:1.55;
}
.supportdesk-oauth-login-box{margin-top:18px;}
.supportdesk-discord-login{
  min-height:68px;
  gap:16px;
  border-radius:20px;
  padding:15px 17px;
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
}
.supportdesk-discord-login.discord-official-login{
  background:linear-gradient(135deg,#5865f2,#4752c4);
  box-shadow:0 18px 44px rgba(88,101,242,.34),inset 0 1px 0 rgba(255,255,255,.18);
}
.supportdesk-discord-login.discord-official-login:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.24);
  background:linear-gradient(135deg,#6571ff,#5865f2);
  box-shadow:0 22px 54px rgba(88,101,242,.42),inset 0 1px 0 rgba(255,255,255,.20);
}
.supportdesk-discord-login.disabled{
  background:rgba(15,23,42,.78);
  border-color:rgba(148,163,184,.18);
}
.discord-login-mark{
  flex:0 0 46px;
  width:46px;
  height:46px;
  border-radius:16px;
  background:rgba(255,255,255,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 24px rgba(0,0,0,.18);
}
.discord-login-mark svg{
  width:28px;
  height:28px;
  fill:#fff;
  display:block;
}
.discord-login-copy{min-width:0;flex:1;}
.supportdesk-discord-login strong{
  font-size:1.1rem;
  letter-spacing:-.01em;
}
.supportdesk-discord-login small{
  color:rgba(255,255,255,.78);
  font-size:.86rem;
}
.discord-login-arrow{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  font-size:1.55rem;
  line-height:1;
  font-weight:800;
}
.supportdesk-login-perks{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:14px 0 16px;
}
.supportdesk-login-perks span{
  min-height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(56,215,255,.16);
  border-radius:14px;
  background:rgba(3,8,18,.36);
  color:rgba(203,213,225,.86);
  font-size:.82rem;
  font-weight:800;
}
.supportdesk-token-fallback{
  border:1px solid rgba(148,163,184,.16);
  border-radius:18px;
  background:rgba(3,8,18,.34);
  margin-top:12px;
}
.supportdesk-token-fallback summary{
  cursor:pointer;
  list-style:none;
  padding:14px 16px;
  color:rgba(203,213,225,.82);
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.supportdesk-token-fallback summary::-webkit-details-marker{display:none;}
.supportdesk-token-fallback summary:after{
  content:"";
  width:9px;
  height:9px;
  border-right:2px solid rgba(56,215,255,.82);
  border-bottom:2px solid rgba(56,215,255,.82);
  transform:rotate(45deg);
  transition:transform .16s ease;
}
.supportdesk-token-fallback[open] summary:after{transform:rotate(225deg);}
.supportdesk-token-fallback .supportdesk-login-form{
  margin:0;
  padding:0 14px 14px;
}
.supportdesk-token-fallback .supportdesk-login-form input{
  min-height:50px;
}
.supportdesk-token-fallback .supportdesk-login-form .btn{
  min-height:50px;
}
.supportdesk-login-hint{
  margin-top:14px;
  border-color:rgba(56,215,255,.17);
  background:linear-gradient(135deg,rgba(56,215,255,.07),rgba(37,99,235,.05));
  color:rgba(203,213,225,.84);
}
body.supportdesk-login-page .alert{
  border-radius:18px;
  margin:0 0 16px;
}
@media(max-width:760px){
  .supportdesk-login-brand{grid-template-columns:1fr;text-align:left;}
  .supportdesk-login-perks{grid-template-columns:1fr;}
  .supportdesk-token-fallback .supportdesk-login-form{grid-template-columns:1fr;}
  .discord-login-arrow{display:none;}
}

/* Patch 2.53 - Login sauberer: keine Platzhalter-Pills, kein Owner-Token im OAuth-Flow */
.supportdesk-login-brand .nc-brand-mark{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}
.supportdesk-login-brand .nc-brand-mark img{
  width:44px!important;
  height:44px!important;
  object-fit:contain;
  object-position:center center;
  transform:translate(1px,0);
}
.supportdesk-login-card{
  width:min(760px,100%);
}
.supportdesk-oauth-login-box{
  margin-top:26px;
}
.supportdesk-discord-login{
  min-height:74px;
}
.login-flow-note{
  margin-top:16px;
  padding:16px 18px;
  font-size:.98rem;
  line-height:1.45;
}
.login-flow-note strong{
  color:#eaf6ff;
  font-weight:900;
}
@media(max-width:760px){
  .supportdesk-login-brand .nc-brand-mark img{
    transform:translate(0,0);
  }
}


/* Patch 2.54 - Login nutzerfreundlicher + Logo sauber zentriert */
.supportdesk-login-card{
  width:min(720px,100%);
  padding:clamp(28px,4vw,44px);
}
.supportdesk-login-brand{
  align-items:center;
  gap:18px;
  margin-bottom:26px;
}
.supportdesk-login-brand .nc-brand-mark{
  width:62px;
  height:62px;
  min-width:62px;
  display:grid;
  place-items:center;
  padding:0;
  border-radius:20px;
  background:linear-gradient(145deg,rgba(56,215,255,.15),rgba(37,99,235,.10));
  border:1px solid rgba(56,215,255,.24);
  box-shadow:0 0 30px rgba(56,215,255,.20),inset 0 1px 0 rgba(255,255,255,.08);
}
.supportdesk-login-brand .nc-brand-mark img{
  width:42px!important;
  height:42px!important;
  display:block;
  object-fit:contain;
  object-position:center;
  transform:none!important;
  margin:0!important;
}
.supportdesk-login-brand h1{
  margin-bottom:10px;
  letter-spacing:-.045em;
}
.supportdesk-login-brand .supportdesk-login-subline{
  max-width:520px;
  font-size:1rem;
  color:rgba(203,213,225,.84);
}
.supportdesk-oauth-login-box{
  margin-top:28px;
}
.supportdesk-discord-login{
  min-height:70px;
  padding:14px 16px;
}
.supportdesk-discord-login strong{
  font-size:1.08rem;
}
.supportdesk-discord-login small{
  color:rgba(255,255,255,.74);
}
.login-flow-note{
  margin-top:14px;
  padding:14px 16px;
  font-size:.94rem;
  color:rgba(203,213,225,.82);
}
.login-flow-note strong{
  color:#eef6ff;
}
@media(max-width:760px){
  .supportdesk-login-brand{
    grid-template-columns:auto minmax(0,1fr);
  }
  .supportdesk-login-brand .nc-brand-mark{
    width:54px;
    height:54px;
    min-width:54px;
    border-radius:18px;
  }
  .supportdesk-login-brand .nc-brand-mark img{
    width:36px!important;
    height:36px!important;
  }
}
@media(max-width:520px){
  .supportdesk-login-brand{
    grid-template-columns:1fr;
  }
}

/* Patch 2.55 - Login finaler: kein Erklärblock, Logo als echte Favicon-Kachel */
.supportdesk-login-card{
  width:min(700px,100%);
  padding:clamp(30px,4vw,46px);
}
.supportdesk-login-brand{
  align-items:center;
  gap:16px;
  margin-bottom:30px;
}
.supportdesk-login-brand .nc-brand-mark{
  width:58px;
  height:58px;
  min-width:58px;
  padding:0;
  border:0;
  border-radius:18px;
  background:none;
  box-shadow:0 0 34px rgba(56,215,255,.18);
  overflow:visible;
}
.supportdesk-login-brand .nc-brand-mark img{
  width:58px!important;
  height:58px!important;
  max-width:none!important;
  max-height:none!important;
  display:block;
  object-fit:contain;
  object-position:center center;
  margin:0!important;
  transform:none!important;
  filter:drop-shadow(0 0 16px rgba(56,215,255,.30));
}
.supportdesk-login-brand h1{
  margin-bottom:9px;
}
.supportdesk-login-brand .supportdesk-login-subline{
  max-width:560px;
  font-size:1.02rem;
  line-height:1.45;
  color:rgba(203,213,225,.86);
}
.supportdesk-oauth-login-box{
  margin-top:0;
}
.supportdesk-discord-login{
  min-height:68px;
  padding:14px 16px;
}
.supportdesk-discord-login small{
  color:rgba(255,255,255,.78);
}
.login-flow-note{
  display:none!important;
}
@media(max-width:760px){
  .supportdesk-login-brand{
    grid-template-columns:auto minmax(0,1fr);
  }
  .supportdesk-login-brand .nc-brand-mark,
  .supportdesk-login-brand .nc-brand-mark img{
    width:52px!important;
    height:52px!important;
    min-width:52px;
  }
}
@media(max-width:520px){
  .supportdesk-login-brand{
    grid-template-columns:1fr;
  }
}


/* Patch 2.56 - Login sauberer Brand-Lockup, kein schiefes Icon neben der Schrift */
.supportdesk-login-card{
  width:min(680px,100%);
  padding:clamp(34px,4vw,52px);
}
.supportdesk-login-brand.login-brand-clean{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:0;
  margin:0 0 34px;
}
.supportdesk-login-brand.login-brand-clean .nc-brand-mark{
  width:76px;
  height:76px;
  min-width:76px;
  display:grid;
  place-items:center;
  margin:0 0 22px;
  padding:0;
  border:1px solid rgba(56,215,255,.22);
  border-radius:24px;
  background:
    radial-gradient(circle at 35% 22%,rgba(56,215,255,.20),transparent 42%),
    linear-gradient(145deg,rgba(8,20,38,.92),rgba(6,12,26,.98));
  box-shadow:0 22px 60px rgba(0,0,0,.32),0 0 34px rgba(56,215,255,.20),inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
}
.supportdesk-login-brand.login-brand-clean .nc-brand-mark img{
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  display:block;
  object-fit:contain;
  object-position:center;
  margin:0!important;
  transform:none!important;
  filter:drop-shadow(0 0 18px rgba(56,215,255,.36));
}
.supportdesk-login-brand.login-brand-clean .eyebrow{
  margin:0 0 12px;
  color:#38d7ff;
  letter-spacing:.18em;
  font-size:.78rem;
}
.supportdesk-login-brand.login-brand-clean .login-product-title{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  margin:0;
  font-size:clamp(44px,5.2vw,64px);
  line-height:.86;
  letter-spacing:-.065em;
  text-wrap:balance;
}
.supportdesk-login-brand.login-brand-clean .login-product-title span{
  display:block;
}
.supportdesk-login-brand.login-brand-clean .login-product-title span:first-child{
  color:#f4f8ff;
}
.supportdesk-login-brand.login-brand-clean .login-product-title span:last-child{
  color:#eef5ff;
  margin-top:8px;
}
.supportdesk-login-brand.login-brand-clean .supportdesk-login-subline{
  max-width:520px;
  margin:22px auto 0;
  font-size:1.06rem;
  line-height:1.4;
  color:rgba(203,213,225,.86);
}
.supportdesk-oauth-login-box{
  max-width:590px;
  margin:0 auto;
}
.supportdesk-discord-login.discord-official-login{
  border-radius:22px;
}
@media(max-width:760px){
  .supportdesk-login-brand.login-brand-clean{
    display:flex;
    text-align:center;
    align-items:center;
  }
  .supportdesk-login-brand.login-brand-clean .nc-brand-mark{
    width:68px;
    height:68px;
    min-width:68px;
    border-radius:22px;
    margin-bottom:18px;
  }
  .supportdesk-login-brand.login-brand-clean .nc-brand-mark img{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
  }
  .supportdesk-login-brand.login-brand-clean .login-product-title{
    font-size:clamp(40px,12vw,58px);
  }
}
@media(max-width:520px){
  .supportdesk-login-card{
    padding:28px 22px;
  }
  .supportdesk-login-brand.login-brand-clean .supportdesk-login-subline{
    font-size:.98rem;
  }
  .supportdesk-discord-login{
    min-height:64px;
  }
}

/* Patch 2.57 - Login + Account Start als echtes Produkt-Layout */
.nexcore-wordmark{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(56,215,255,.18));
}
.supportdesk-login-card{
  width:min(760px,100%);
  padding:clamp(34px,4.2vw,54px);
}
.supportdesk-login-brand.login-brand-clean.login-brand-pro{
  display:block;
  text-align:left;
  margin:0 0 32px;
}
.supportdesk-login-brand.login-brand-clean.login-brand-pro .eyebrow{
  margin:0 0 14px;
  color:#38d7ff;
  letter-spacing:.18em;
  font-size:.76rem;
}
.supportdesk-login-brand.login-brand-clean.login-brand-pro .login-wordmark{
  width:clamp(230px,38vw,340px);
  margin:0 0 8px;
}
.supportdesk-login-brand.login-brand-clean.login-brand-pro .login-product-title{
  display:block;
  margin:0;
  font-size:clamp(38px,5.2vw,58px);
  line-height:.92;
  letter-spacing:-.055em;
  color:#f4f8ff;
}
.supportdesk-login-brand.login-brand-clean.login-brand-pro .supportdesk-login-subline{
  margin:18px 0 0;
  max-width:560px;
  font-size:1.08rem;
  line-height:1.45;
  color:rgba(203,213,225,.86);
}
.supportdesk-oauth-login-box{
  max-width:none;
  margin:0;
}
.supportdesk-discord-login.discord-official-login{
  width:100%;
  max-width:none;
  border-radius:20px;
}

.account-home-shell{
  width:min(900px,100%);
}
.account-home-card{
  width:min(900px,100%);
  padding:clamp(30px,4vw,48px);
}
.account-home-hero{
  margin:0 0 24px;
}
.account-home-hero .eyebrow{
  margin:0 0 12px;
  color:#38d7ff;
  letter-spacing:.18em;
  font-size:.76rem;
}
.account-home-hero .account-wordmark{
  width:clamp(220px,32vw,320px);
  margin:0 0 8px;
}
.account-home-hero h1{
  margin:0;
  font-size:clamp(38px,5vw,56px);
  line-height:.95;
  letter-spacing:-.055em;
  color:#f4f8ff;
}
.account-home-hero p{
  max-width:620px;
  margin:16px 0 0;
  color:rgba(203,213,225,.86);
  line-height:1.5;
  font-size:1.02rem;
}
.account-id-card{
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px 18px;
  align-items:center;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(8,20,38,.88),rgba(3,8,18,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 34px rgba(0,0,0,.22);
}
.account-id-card .nexcore-id-label{
  display:flex;
  align-items:center;
  gap:9px;
  color:#38d7ff;
  letter-spacing:.13em;
}
.account-id-card .nexcore-id-label img{
  width:22px;
  height:22px;
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(56,215,255,.35));
}
.account-id-card strong{
  grid-column:1/2;
  margin:0;
  font-size:clamp(25px,4vw,38px);
  letter-spacing:.02em;
}
.account-id-card .account-copy-btn{
  grid-column:2/3;
  grid-row:1/3;
  align-self:center;
  min-height:46px;
}
.account-plan-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:14px 0 16px;
}
.account-plan-strip div{
  border:1px solid rgba(56,215,255,.18);
  border-radius:18px;
  background:rgba(3,8,18,.34);
  padding:14px 16px;
}
.account-plan-strip span{
  display:block;
  color:#38d7ff;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.72rem;
  font-weight:900;
}
.account-plan-strip strong{
  display:block;
  margin-top:5px;
  color:#eef6ff;
  font-size:1.05rem;
}
.account-action-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:16px;
}
.account-choice-card{
  min-height:250px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(56,215,255,.20);
  border-radius:24px;
  padding:20px;
  background:linear-gradient(145deg,rgba(13,24,43,.86),rgba(5,11,23,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.account-choice-primary{
  border-color:rgba(56,215,255,.30);
  background:radial-gradient(circle at 0% 0%,rgba(56,215,255,.13),transparent 35%),linear-gradient(145deg,rgba(13,24,43,.90),rgba(5,11,23,.94));
}
.account-choice-secondary{
  border-color:rgba(88,101,242,.24);
  background:radial-gradient(circle at 100% 0%,rgba(88,101,242,.14),transparent 34%),linear-gradient(145deg,rgba(13,24,43,.88),rgba(5,11,23,.94));
}
.account-choice-head span{
  display:block;
  color:#38d7ff;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.73rem;
  font-weight:900;
}
.account-choice-head strong{
  display:block;
  margin-top:5px;
  color:#f4f8ff;
  font-size:1.35rem;
  line-height:1.08;
  letter-spacing:-.025em;
}
.account-choice-card p{
  color:rgba(203,213,225,.84);
  line-height:1.5;
  margin:14px 0 18px;
}
.account-big-action{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  border:1px solid rgba(56,215,255,.34);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(56,215,255,.24),rgba(37,99,235,.30));
  color:#eefaff;
  font-weight:950;
  text-decoration:none;
  box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10);
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.account-big-action:hover{
  transform:translateY(-1px);
  border-color:rgba(56,215,255,.62);
  box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 28px rgba(56,215,255,.12),inset 0 1px 0 rgba(255,255,255,.12);
}
.account-big-action.secondary{
  background:linear-gradient(135deg,rgba(10,20,38,.80),rgba(15,23,42,.92));
  border-color:rgba(56,215,255,.26);
}
.account-big-action.disabled{
  opacity:.62;
  cursor:not-allowed;
}
.account-big-action img{
  width:22px;
  height:22px;
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(56,215,255,.28));
}
.account-big-action .nc-ui-icon{
  width:20px;
  height:20px;
}
.account-home-server-list.compact,
.account-home-invite-list.compact{
  margin-top:16px;
  display:grid;
  gap:10px;
}
.account-home-note.empty{
  margin-top:auto;
  padding:14px 16px;
  border:1px dashed rgba(56,215,255,.18);
  border-radius:16px;
  background:rgba(3,8,18,.30);
}
.account-home-actions-pro{
  justify-content:flex-end;
  gap:12px;
  margin-top:18px;
}
.account-home-actions-pro .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:46px;
  border-radius:16px;
  padding:0 18px;
  text-decoration:none;
  font-weight:900;
}
.account-refresh-btn{
  border:1px solid rgba(56,215,255,.34);
  background:rgba(56,215,255,.10);
  color:#eaffff;
}
.account-logout-btn{
  border:1px solid rgba(148,163,184,.18)!important;
  background:rgba(15,23,42,.55)!important;
  color:rgba(226,236,250,.88)!important;
}
@media(max-width:760px){
  .supportdesk-login-brand.login-brand-clean.login-brand-pro,
  .account-home-hero{
    text-align:left;
  }
  .account-plan-strip,
  .account-action-grid{
    grid-template-columns:1fr;
  }
  .account-id-card{
    grid-template-columns:1fr;
  }
  .account-id-card .account-copy-btn{
    grid-column:1;
    grid-row:auto;
    width:100%;
  }
  .account-home-actions-pro{
    justify-content:stretch;
  }
  .account-home-actions-pro .btn{
    width:100%;
  }
}

/* Patch 2.58 - Login/Account Start Feinschliff */
.supportdesk-login-brand.login-brand-clean.login-brand-pro.login-brand-lockup,
.account-home-hero.account-home-hero-clean{
  text-align:left;
  margin-bottom:28px;
}
.brand-lockup-line{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}
.supportdesk-login-brand.login-brand-clean.login-brand-pro .brand-lockup-line .login-wordmark,
.account-home-hero.account-home-hero-clean .account-wordmark{
  margin:0;
  width:clamp(210px,31vw,315px);
  max-height:76px;
}
.brand-product-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 18px;
  border:1px solid rgba(56,215,255,.26);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(56,215,255,.10),rgba(37,99,235,.10));
  color:#f4f8ff;
  font-weight:950;
  font-size:clamp(22px,3.2vw,34px);
  line-height:1;
  letter-spacing:-.04em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 24px rgba(56,215,255,.06);
}
.account-product-badge{
  font-size:clamp(20px,2.6vw,30px);
}
.supportdesk-login-brand.login-brand-clean.login-brand-pro .login-product-title{
  display:none;
}
.supportdesk-login-brand.login-brand-clean.login-brand-pro .supportdesk-login-subline{
  margin-top:18px;
  max-width:620px;
}
.account-home-hero.account-home-hero-clean h1{
  margin:18px 0 0;
  font-size:clamp(34px,4.6vw,50px);
  line-height:1;
}
.account-home-hero.account-home-hero-clean p{
  max-width:650px;
  margin-top:14px;
}
.account-id-card{
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  min-height:120px;
  padding:20px 22px;
}
.account-id-card .nexcore-id-label{
  grid-column:1/3;
  grid-row:1;
  margin:0;
}
.account-id-card strong{
  grid-column:1;
  grid-row:2;
  align-self:center;
  line-height:1;
}
.account-id-card .account-copy-btn{
  grid-column:2;
  grid-row:2;
  align-self:center;
  justify-self:end;
  min-height:54px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid rgba(56,215,255,.42);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(56,215,255,.14),rgba(37,99,235,.12));
  color:#f2fbff;
  font-weight:950;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px rgba(56,215,255,.07);
}
.account-id-card .account-copy-btn img{
  width:20px;
  height:20px;
  object-fit:contain;
  filter:drop-shadow(0 0 8px rgba(56,215,255,.35));
}
.account-choice-card{
  min-height:278px;
}
.account-choice-primary .account-big-action{
  margin-top:auto;
  min-height:72px;
  border-radius:22px;
  font-size:1.05rem;
  background:
    radial-gradient(circle at 18% 0%,rgba(56,215,255,.30),transparent 42%),
    linear-gradient(135deg,rgba(56,215,255,.28),rgba(37,99,235,.46));
  border-color:rgba(56,215,255,.54);
  box-shadow:0 18px 42px rgba(0,0,0,.30),0 0 34px rgba(56,215,255,.12),inset 0 1px 0 rgba(255,255,255,.14);
}
.account-choice-primary .account-big-action .nc-ui-icon{
  width:24px;
  height:24px;
}
.account-choice-primary .account-big-action:hover{
  transform:translateY(-2px);
  box-shadow:0 24px 54px rgba(0,0,0,.34),0 0 42px rgba(56,215,255,.20),inset 0 1px 0 rgba(255,255,255,.18);
}
.account-choice-secondary .account-home-note.empty,
.account-choice-secondary .account-home-invite-list.compact{
  margin-top:auto;
}
.account-home-actions-pro .account-logout-btn{
  border:1px solid rgba(248,113,113,.52)!important;
  background:rgba(127,29,29,.03)!important;
  color:#fecaca!important;
  box-shadow:0 0 0 1px rgba(248,113,113,.05),0 0 22px rgba(248,113,113,.08),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.account-home-actions-pro .account-logout-btn:hover{
  border-color:rgba(248,113,113,.86)!important;
  color:#fff1f2!important;
  background:rgba(127,29,29,.08)!important;
  box-shadow:0 0 0 1px rgba(248,113,113,.12),0 0 30px rgba(248,113,113,.18),inset 0 1px 0 rgba(255,255,255,.05)!important;
  transform:translateY(-1px);
}
.account-logout-btn .logout-dot{
  width:15px;
  height:15px;
  border:2px solid currentColor;
  border-radius:5px 5px 7px 7px;
  display:inline-block;
  position:relative;
  opacity:.9;
}
.account-logout-btn .logout-dot:after{
  content:"";
  position:absolute;
  left:50%;
  top:3px;
  width:4px;
  height:4px;
  border-radius:999px;
  background:currentColor;
  transform:translateX(-50%);
}
@media(max-width:760px){
  .brand-lockup-line{
    align-items:flex-start;
    gap:12px;
  }
  .brand-product-badge{
    min-height:36px;
    padding:0 14px;
  }
  .account-id-card{
    grid-template-columns:1fr;
  }
  .account-id-card .nexcore-id-label,
  .account-id-card strong,
  .account-id-card .account-copy-btn{
    grid-column:1;
  }
  .account-id-card .account-copy-btn{
    grid-row:auto;
    width:100%;
    justify-self:stretch;
  }
}


/* Patch 2.59 - Account Start Buttons entquetschen */
.account-home-card .account-waiting-profile{
  margin-bottom:18px;
}
.account-home-card .account-id-card{
  gap:14px 26px;
  padding:24px 28px;
}
.account-id-card .account-copy-btn{
  min-width:184px;
  min-height:62px;
  padding:0 26px;
  border-radius:20px;
  gap:12px;
  white-space:nowrap;
  line-height:1;
  letter-spacing:.02em;
}
.account-id-card .account-copy-btn img{
  width:22px;
  height:22px;
  flex:0 0 auto;
}
.account-home-actions-pro{
  align-items:center;
  gap:14px;
}
.account-home-actions-pro .btn{
  min-height:58px;
  padding:0 26px;
  border-radius:20px;
  line-height:1;
  white-space:nowrap;
}
.account-home-actions-pro .account-refresh-btn{
  min-width:250px;
}
.account-home-actions-pro .account-logout-btn{
  min-width:166px;
  justify-content:center;
  border-color:rgba(248,113,113,.58)!important;
  background:linear-gradient(135deg,rgba(248,113,113,.035),rgba(127,29,29,.045))!important;
}
.account-home-actions-pro .account-logout-btn .logout-dot{
  flex:0 0 auto;
}
@media(max-width:760px){
  .account-home-card .account-waiting-profile{
    margin-bottom:14px;
  }
  .account-home-card .account-id-card{
    padding:20px;
  }
  .account-id-card .account-copy-btn,
  .account-home-actions-pro .btn,
  .account-home-actions-pro .account-refresh-btn,
  .account-home-actions-pro .account-logout-btn{
    width:100%;
    min-width:0;
  }
}

/* Patch 2.60 - Account Button Feinschliff + Install-Wizard Flow */
.account-home-actions-pro{
  align-items:center;
  gap:18px;
}
.account-home-actions-pro .account-logout-btn{
  min-width:190px;
  min-height:62px;
  padding:0 30px;
  border-radius:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px solid rgba(248,113,113,.72)!important;
  background:rgba(127,29,29,.018)!important;
  color:#ffd6d6!important;
  box-shadow:
    0 0 0 1px rgba(248,113,113,.08),
    0 0 24px rgba(248,113,113,.12),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
  text-decoration:none;
  font-weight:950;
  letter-spacing:.01em;
}
.account-home-actions-pro .account-logout-btn .nc-ui-icon{
  width:21px;
  height:21px;
  flex:0 0 auto;
  color:#ffb4b4;
  filter:drop-shadow(0 0 8px rgba(248,113,113,.26));
}
.account-home-actions-pro .account-logout-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(255,154,154,.96)!important;
  background:rgba(127,29,29,.065)!important;
  color:#fff4f4!important;
  box-shadow:
    0 0 0 1px rgba(248,113,113,.14),
    0 0 34px rgba(248,113,113,.22),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.account-home-actions-pro .account-refresh-btn{
  min-height:62px;
  border-radius:22px;
}

.account-install-form{
  width:100%;
  margin:0;
  display:block;
}
.account-choice-primary .account-install-form{
  margin-top:auto;
}
.account-choice-primary .account-install-form .account-big-action{
  margin-top:0;
}
.account-install-form .account-big-action{
  border:1px solid rgba(56,215,255,.54);
  font-family:inherit;
}

.account-choice-primary .account-big-action.account-big-action-checking{
  background:
    radial-gradient(circle at 18% 0%,rgba(250,204,21,.18),transparent 42%),
    linear-gradient(135deg,rgba(56,215,255,.18),rgba(37,99,235,.34));
  border-color:rgba(250,204,21,.42);
  box-shadow:0 18px 42px rgba(0,0,0,.30),0 0 34px rgba(250,204,21,.10),inset 0 1px 0 rgba(255,255,255,.12);
}
@media(max-width:760px){
  .account-home-actions-pro{
    gap:12px;
  }
  .account-home-actions-pro .account-logout-btn{
    min-width:0;
    width:100%;
  }
}

/* Patch 2.63 - Account-Start nutzt echten Setup-Wizard */
.account-install-wizard-card{
  margin:22px 0 20px;
  padding:26px;
  border:1px solid rgba(56,215,255,.34);
  border-radius:28px;
  background:
    radial-gradient(circle at 18% 0%,rgba(56,215,255,.14),transparent 38%),
    radial-gradient(circle at 88% 10%,rgba(37,99,235,.16),transparent 44%),
    rgba(6,16,34,.74);
  box-shadow:0 22px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}
.account-install-wizard-head{
  display:grid;
  gap:8px;
  margin-bottom:20px;
}
.account-install-badge{
  color:#37d7ff;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.78rem;
  font-weight:950;
}
.account-install-wizard-head h2{
  margin:0;
  color:#f4f8ff;
  font-size:clamp(1.75rem,3vw,2.65rem);
  letter-spacing:-.04em;
  line-height:.98;
}
.account-install-wizard-head p{
  max-width:760px;
  margin:0;
  color:#b9c8dd;
  font-size:1.02rem;
  line-height:1.55;
}
.account-install-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0 0 18px;
}
.account-install-step{
  min-height:62px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:18px;
  background:rgba(5,12,26,.62);
  color:#8796ad;
}
.account-install-step strong{
  width:34px;
  height:34px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(148,163,184,.10);
  color:inherit;
  flex:0 0 auto;
}
.account-install-step span{
  font-weight:900;
}
.account-install-step.active{
  border-color:rgba(56,215,255,.38);
  background:linear-gradient(135deg,rgba(56,215,255,.12),rgba(37,99,235,.10));
  color:#eef8ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 20px rgba(56,215,255,.06);
}
.account-install-step.active strong{
  background:rgba(56,215,255,.16);
  color:#62e4ff;
}
.account-install-connect-box,
.account-install-ready-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,340px);
  gap:18px;
  align-items:center;
  padding:20px;
  border:1px solid rgba(56,215,255,.22);
  border-radius:22px;
  background:rgba(5,12,26,.55);
}
.account-install-connect-box strong,
.account-install-ready-box strong{
  display:block;
  color:#f4f8ff;
  font-size:1.15rem;
  margin-bottom:6px;
}
.account-install-connect-box span,
.account-install-ready-box span{
  color:#aebed4;
  line-height:1.48;
}
.account-install-main-action,
.account-install-ready-action{
  margin:0!important;
  width:100%;
  min-height:76px!important;
  border-radius:24px!important;
}
.account-install-hint.warning{
  margin-top:14px;
  padding:12px 14px;
  border:1px solid rgba(250,204,21,.32);
  border-radius:16px;
  background:rgba(250,204,21,.07);
  color:#fde68a;
  font-weight:850;
}
.account-install-server-picker{
  margin-top:18px;
  display:grid;
  gap:10px;
}
.account-install-server-picker h3{
  margin:0 0 4px;
  color:#f4f8ff;
  font-size:1rem;
  letter-spacing:-.02em;
}
.account-install-server-pick-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:12px;
  padding:13px 14px;
  border:1px solid rgba(148,163,184,.15);
  border-radius:18px;
  background:rgba(3,10,22,.55);
}
.account-install-server-pick-row strong{
  display:block;
  color:#eef6ff;
  font-weight:950;
}
.account-install-server-pick-row small{
  display:block;
  color:#8ea0b8;
  font-size:.82rem;
  margin-top:2px;
}
.account-install-server-pick-row a{
  min-height:38px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(56,215,255,.38);
  border-radius:999px;
  background:rgba(56,215,255,.08);
  color:#e8f9ff;
  text-decoration:none;
  font-weight:950;
  white-space:nowrap;
}
.account-install-server-pick-row a.secondary{
  border-color:rgba(148,163,184,.20);
  background:rgba(148,163,184,.06);
  color:#bac8dc;
}
.account-install-server-pick-row a:hover{
  transform:translateY(-1px);
  border-color:rgba(56,215,255,.65);
  box-shadow:0 0 18px rgba(56,215,255,.12);
}
@media(max-width:860px){
  .account-install-steps,
  .account-install-connect-box,
  .account-install-ready-box{
    grid-template-columns:1fr;
  }
  .account-install-server-pick-row{
    grid-template-columns:auto minmax(0,1fr);
  }
  .account-install-server-pick-row a{
    grid-column:2;
    width:100%;
  }
}

/* Patch 2.63 - keine Server-Zeilen im Account-Start: der Hauptbutton führt in den bestehenden Setup-Wizard */
.account-main-wizard-action{
  margin-top:auto;
}

/* Patch 2.64 - Account Install-Wizard startet serverseitig, ohne JS-Abhängigkeit */
.account-choice-primary .account-install-form{
  margin-top:auto;
}
.account-choice-primary .account-install-form .account-main-wizard-action{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  border:1px solid rgba(56,215,255,.54);
  font:inherit;
  text-align:center;
}
.account-install-status{
  margin:12px 0 0;
  padding:11px 13px;
  border-radius:14px;
  border:1px solid rgba(250,204,21,.35);
  background:rgba(250,204,21,.07);
  color:#fde68a;
  font-weight:800;
  font-size:.88rem;
  line-height:1.35;
}

/* Patch 2.65 - echter Install-Wizard vor Setup */
.account-install-step.done{
  border-color:rgba(34,197,94,.34);
  background:linear-gradient(135deg,rgba(34,197,94,.13),rgba(56,215,255,.06));
  color:#dcfce7;
}
.account-install-step.done strong{
  background:rgba(34,197,94,.16);
  color:#86efac;
}
.account-install-hint:not(.warning){
  margin-top:14px;
  padding:12px 14px;
  border:1px solid rgba(56,215,255,.26);
  border-radius:16px;
  background:rgba(56,215,255,.07);
  color:#bfefff;
  font-weight:850;
}
.install-real-actions{
  display:grid;
  gap:12px;
}
.install-check-btn{
  width:100%;
  justify-content:center;
}
.install-wizard-panel-card{
  margin-top:0;
}

/* Patch 2.68 · Install-Wizard ohne Fake-Erkennung + Bot Multi-Guild Sync */
.nc-nav a.account-home-nav-link {
  border: 1px solid rgba(56, 215, 255, .18);
  background: linear-gradient(135deg, rgba(56, 215, 255, .08), rgba(37, 99, 235, .05));
  color: #eaf7ff;
}
.nc-nav a.account-home-nav-link:hover {
  border-color: rgba(56, 215, 255, .45);
  box-shadow: inset 0 0 18px rgba(56, 215, 255, .07), 0 0 18px rgba(56, 215, 255, .08);
}

/* Patch 2.71 - Setup-Schritte kompakt als wachsender Fächer */
.wizard-progress.progressive{
  display:flex;
  align-items:stretch;
  gap:0;
  overflow-x:auto;
  overflow-y:hidden;
  padding:8px 10px 10px;
  scroll-padding-left:10px;
  grid-template-columns:none;
}
.wizard-progress.progressive::-webkit-scrollbar{height:6px}
.wizard-progress.progressive::-webkit-scrollbar-thumb{background:rgba(56,215,255,.22);border-radius:999px}
.wizard-progress.progressive .wizard-step{
  position:relative;
  z-index:1;
  flex:0 0 clamp(178px, 17vw, 240px);
  min-height:58px;
  padding:11px 16px 11px 14px;
  border-width:1px;
  border-style:solid;
  border-color:rgba(56,215,255,.22);
  border-radius:16px;
  background:rgba(8,17,33,.68);
  box-shadow:none;
  font-size:.82rem;
  line-height:1.1;
  color:#d8e8fb;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  white-space:normal;
  text-align:left;
}
.wizard-progress.progressive .wizard-step + .wizard-step{
  margin-left:-26px;
  padding-left:34px;
}
.wizard-progress.progressive .wizard-step span{
  width:24px;
  height:24px;
  min-width:24px;
  border-radius:999px;
  font-size:.78rem;
  display:inline-grid;
  place-items:center;
  background:rgba(148,163,184,.12);
  color:#dbeafe;
}
.wizard-progress.progressive .wizard-step.active{
  background:rgba(8,17,33,.76);
  box-shadow:0 0 18px rgba(56,215,255,.06), inset 0 0 0 1px rgba(255,255,255,.02);
  color:#ffffff;
}
.wizard-progress.progressive .wizard-step.active span{
  background:rgba(56,215,255,.22);
  color:#eaffff;
}
.wizard-progress.progressive .wizard-step.done{
  background:rgba(8,17,33,.70);
}
.wizard-progress.progressive .wizard-step.done span{
  background:rgba(34,197,94,.16);
  color:#bbf7d0;
}
.wizard-progress.progressive .wizard-step.step-tone-1{border-color:rgba(56,215,255,.58);z-index:1}
.wizard-progress.progressive .wizard-step.step-tone-2{border-color:rgba(248,113,113,.56);z-index:2}
.wizard-progress.progressive .wizard-step.step-tone-3{border-color:rgba(250,204,21,.58);z-index:3}
.wizard-progress.progressive .wizard-step.step-tone-4{border-color:rgba(34,197,94,.56);z-index:4}
.wizard-progress.progressive .wizard-step.step-tone-5{border-color:rgba(99,102,241,.58);z-index:5}
.wizard-progress.progressive .wizard-step.step-tone-6{border-color:rgba(168,85,247,.56);z-index:6}
.wizard-progress.progressive .wizard-step.step-tone-7{border-color:rgba(245,158,11,.58);z-index:7}
.wizard-progress.progressive .wizard-step.step-tone-8{border-color:rgba(14,165,233,.56);z-index:8}
.wizard-progress.progressive .wizard-step.step-tone-9{border-color:rgba(34,197,94,.62);z-index:9}
.wizard-progress.progressive .wizard-step.active{z-index:20}
.setup-install-card{
  border-color:rgba(56,215,255,.24);
}
.setup-install-connect-box{
  margin-top:18px;
}
.setup-install-connect-box .account-install-main-action{
  min-height:74px;
}

/* Patch 2.72 - Setup Schritt 2: kundentaugliche Texte + klarere Bereiche */
.setup-start-clean .setup-step-lead{
  margin: -2px 0 18px;
  max-width: 820px;
  color: #b9cbe2;
  font-size: .98rem;
  line-height: 1.45;
}
.setup-start-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:18px;
  align-items:stretch;
}
.setup-start-box{
  position:relative;
  border:1px solid rgba(56,215,255,.18);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(8,17,33,.72),rgba(11,23,44,.48));
  padding:20px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.015);
}
.setup-start-primary{border-color:rgba(56,215,255,.28)}
.setup-archive-choice{border-color:rgba(99,102,241,.26)}
.setup-start-box .simple-box-head{
  margin-bottom:16px;
}
.setup-start-box .simple-box-head h3{
  margin:0 0 6px;
  font-size:1.16rem;
  letter-spacing:-.02em;
  color:#f4f8ff;
}
.setup-start-box .simple-box-head p{
  margin:0;
  color:#aebdd3;
  line-height:1.42;
}
.setup-start-box .compact-two{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.setup-start-box .clean-toggle{
  display:flex;
  align-items:center;
  gap:10px;
  width:fit-content;
  max-width:100%;
  margin-top:16px;
  padding:12px 14px;
  border:1px solid rgba(56,215,255,.16);
  border-radius:14px;
  background:rgba(8,17,33,.56);
  color:#dceaff;
  font-weight:750;
}
.setup-start-box .advanced-box.mini-advanced{
  margin-top:14px;
}
.transcript-choice-clean{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0 0 14px;
}
.transcript-choice-clean label{
  min-height:48px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:14px;
  background:rgba(8,17,33,.54);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 12px;
}
.transcript-choice-clean label:has(input:checked){
  border-color:rgba(56,215,255,.56);
  background:linear-gradient(135deg,rgba(56,215,255,.14),rgba(37,99,235,.10));
}
.transcript-choice-clean .choice-title{
  color:#eaf5ff;
  font-weight:850;
  font-size:.93rem;
}
.cleanup-friendly.setup-start-box{
  margin-top:18px;
  border-color:rgba(245,158,11,.22);
}
.cleanup-friendly .cleanup-time-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(120px,160px));
  gap:12px;
  margin-top:14px;
}
.cleanup-friendly .cleanup-option-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.cleanup-friendly .compact-switch-row{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:13px 14px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:16px;
  background:rgba(8,17,33,.52);
}
.cleanup-friendly .compact-switch-row span{
  display:grid;
  gap:3px;
}
.cleanup-friendly .compact-switch-row strong{
  color:#f4f8ff;
}
.cleanup-friendly .compact-switch-row small{
  color:#9fb0c8;
  line-height:1.35;
}
@media(max-width:980px){
  .setup-start-grid,
  .cleanup-friendly .cleanup-option-list{
    grid-template-columns:1fr;
  }
  .setup-start-box .compact-two,
  .transcript-choice-clean,
  .cleanup-friendly .cleanup-time-row{
    grid-template-columns:1fr;
  }
}


/* Patch 2.73 - Setup Schritt 2: Archiv nur lokal im Erststart, klare Begriffe */
.transcript-choice-clean.transcript-choice-two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.transcript-choice-clean.transcript-choice-two label{
  justify-content:flex-start;
  min-height:64px;
  padding:12px 14px;
}
.transcript-choice-clean.transcript-choice-two label > span{
  display:grid;
  gap:3px;
  line-height:1.25;
}
.transcript-choice-clean .choice-title{
  display:block;
}
.transcript-choice-clean small{
  color:#9fb0c8;
  font-weight:650;
  font-size:.78rem;
}
.transcript-fields-local{
  grid-template-columns:minmax(0,1fr);
  max-width:460px;
}
@media(max-width:980px){
  .transcript-choice-clean.transcript-choice-two{
    grid-template-columns:1fr;
  }
  .transcript-fields-local{
    max-width:none;
  }
}


/* Patch 2.75 - Setup Schritt 2: Archiv-Texte wieder klar, aber kompakt und sauber ausgerichtet */
.transcript-choice-clean.transcript-choice-two{
  grid-template-columns:repeat(2,minmax(260px,1fr));
  align-items:stretch;
}
.transcript-choice-clean.transcript-choice-two label{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  justify-content:stretch;
  gap:12px;
  min-height:62px;
  padding:12px 16px;
  text-align:left;
}
.transcript-choice-clean.transcript-choice-two label > input{
  align-self:center;
  margin:0;
}
.transcript-choice-clean.transcript-choice-two label > span{
  display:grid;
  gap:2px;
  min-width:0;
  line-height:1.2;
}
.transcript-choice-clean.transcript-choice-two .choice-title{
  font-size:.88rem;
  line-height:1.15;
  white-space:normal;
  overflow-wrap:normal;
  text-wrap:balance;
}
.transcript-choice-clean.transcript-choice-two small{
  font-size:.76rem;
  line-height:1.22;
  white-space:normal;
  overflow-wrap:normal;
}
@media(max-width:980px){
  .transcript-choice-clean.transcript-choice-two{
    grid-template-columns:1fr;
  }
}


/* Patch 2.76 - Setup-Stepper als Pfeil/Fächer + Archivtext korrigiert */
.wizard-progress.progressive{
  position:relative;
  display:flex;
  align-items:stretch;
  gap:0;
  overflow-x:auto;
  overflow-y:hidden;
  padding:10px 2px 12px;
  scroll-padding-left:2px;
}
.wizard-progress.progressive .wizard-step{
  --step-border:#38d7ff;
  position:relative;
  flex:0 0 clamp(230px, 21vw, 295px);
  min-height:64px;
  margin-left:-18px;
  padding:0 30px 0 36px;
  border:0 !important;
  border-radius:0;
  background:transparent !important;
  color:#d7e8fb;
  display:flex;
  align-items:center;
  gap:11px;
  text-align:left;
  white-space:normal;
  isolation:isolate;
  box-shadow:none !important;
}
.wizard-progress.progressive .wizard-step:first-child{
  margin-left:0;
  padding-left:18px;
}
.wizard-progress.progressive .wizard-step::before,
.wizard-progress.progressive .wizard-step::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  clip-path:polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%, 20px 50%);
}
.wizard-progress.progressive .wizard-step:first-child::before,
.wizard-progress.progressive .wizard-step:first-child::after{
  clip-path:polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
}
.wizard-progress.progressive .wizard-step::before{
  background:var(--step-border);
  opacity:.78;
}
.wizard-progress.progressive .wizard-step::after{
  inset:1px;
  z-index:-1;
  background:linear-gradient(180deg,rgba(10,22,40,.96),rgba(8,17,33,.94));
}
.wizard-progress.progressive .wizard-step:hover::after{
  background:linear-gradient(180deg,rgba(13,29,52,.98),rgba(9,19,36,.96));
}
.wizard-progress.progressive .wizard-step span{
  width:26px;
  height:26px;
  min-width:26px;
  border-radius:999px;
  background:rgba(148,163,184,.13);
  border:1px solid color-mix(in srgb, var(--step-border) 42%, rgba(148,163,184,.24));
  color:#e5f3ff;
  font-size:.78rem;
  font-weight:900;
  display:inline-grid;
  place-items:center;
  box-shadow:none;
}
.wizard-progress.progressive .wizard-step.active{
  color:#fff;
  z-index:30 !important;
  filter:drop-shadow(0 0 14px color-mix(in srgb, var(--step-border) 16%, transparent));
}
.wizard-progress.progressive .wizard-step.active::after{
  background:linear-gradient(180deg,color-mix(in srgb,var(--step-border) 14%, #102035),rgba(10,22,40,.98));
}
.wizard-progress.progressive .wizard-step.active span{
  background:var(--step-border);
  border-color:var(--step-border);
  color:#061320;
  box-shadow:0 0 15px color-mix(in srgb,var(--step-border) 30%, transparent);
}
.wizard-progress.progressive .wizard-step.done{
  color:#d7fff1;
}
.wizard-progress.progressive .wizard-step.done span{
  background:#27d49b;
  border-color:#27d49b;
  color:#06251c;
}
.wizard-progress.progressive .wizard-step.step-tone-1{--step-border:#25d9ff;z-index:9}
.wizard-progress.progressive .wizard-step.step-tone-2{--step-border:#ff5d73;z-index:8}
.wizard-progress.progressive .wizard-step.step-tone-3{--step-border:#ffd833;z-index:7}
.wizard-progress.progressive .wizard-step.step-tone-4{--step-border:#31d48d;z-index:6}
.wizard-progress.progressive .wizard-step.step-tone-5{--step-border:#6384ff;z-index:5}
.wizard-progress.progressive .wizard-step.step-tone-6{--step-border:#ad78ff;z-index:4}
.wizard-progress.progressive .wizard-step.step-tone-7{--step-border:#ff9d42;z-index:3}
.wizard-progress.progressive .wizard-step.step-tone-8{--step-border:#ff6fcf;z-index:2}
.wizard-progress.progressive .wizard-step.step-tone-9{--step-border:#27d3c2;z-index:1}
.transcript-choice-clean.transcript-choice-two label{
  min-height:62px;
}
.transcript-choice-clean.transcript-choice-two .choice-title{
  font-size:.88rem;
  line-height:1.13;
  text-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.transcript-choice-clean.transcript-choice-two small{
  font-size:.76rem;
  line-height:1.2;
}
@media(max-width:760px){
  .wizard-progress.progressive .wizard-step{
    flex-basis:230px;
  }
}


/* Patch 2.77 - Setup-Stepper kompakter + Buttons-Schritt Layout repariert */
.wizard-progress.progressive{
  padding:8px 2px 10px;
}
.wizard-progress.progressive .wizard-step{
  flex:0 0 clamp(132px, 10.5vw, 168px);
  min-height:44px;
  margin-left:-13px;
  padding:0 20px 0 28px;
  gap:8px;
  font-size:.72rem;
  line-height:1.08;
}
.wizard-progress.progressive .wizard-step:first-child{
  padding-left:12px;
}
.wizard-progress.progressive .wizard-step::before,
.wizard-progress.progressive .wizard-step::after{
  clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%, 16px 50%);
}
.wizard-progress.progressive .wizard-step:first-child::before,
.wizard-progress.progressive .wizard-step:first-child::after{
  clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%);
}
.wizard-progress.progressive .wizard-step span{
  width:21px;
  height:21px;
  min-width:21px;
  font-size:.68rem;
}

.button-builder-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,340px);
  gap:18px;
  align-items:start;
}
.button-builder-list{
  display:grid;
  gap:16px;
  min-width:0;
}
.ticket-button-editor{
  border:1px solid rgba(56,215,255,.18);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(8,17,33,.74),rgba(11,23,44,.50));
  padding:15px;
  min-width:0;
}
.button-editor-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.button-editor-top .mini-check{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  color:#eaf7ff;
  font-weight:850;
  line-height:1;
}
.button-editor-top .mini-check input{
  width:16px;
  height:16px;
  margin:0;
}
.button-editor-fields{
  display:grid;
  grid-template-columns:minmax(220px,1.1fr) minmax(220px,.95fr);
  gap:14px;
  align-items:start;
}
.button-editor-fields label{
  display:grid;
  gap:7px;
  min-width:0;
  margin:0;
}
.button-editor-fields label > span:first-child{
  color:#9fb0c8;
  font-size:.76rem;
  font-weight:800;
  line-height:1.2;
}
.button-editor-fields label small{
  color:#a9bbd2;
  font-size:.76rem;
  line-height:1.35;
  max-width:38ch;
}
.button-editor-fields input,
.button-editor-fields select{
  width:100%;
  min-width:0;
  min-height:42px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:13px;
  background:rgba(5,11,24,.72);
  color:#f4f8ff;
  padding:0 12px;
  font-weight:700;
}
.button-editor-fields input:focus,
.button-editor-fields select:focus{
  border-color:rgba(56,215,255,.55);
  box-shadow:0 0 0 3px rgba(56,215,255,.08);
  outline:none;
}
.button-editor-fields .span-2{
  grid-column:1/-1;
}
.button-editor-fields .clean-toggle.small-storage-toggle{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  border:1px solid rgba(56,215,255,.18);
  border-radius:13px;
  background:rgba(56,215,255,.07);
  padding:10px 12px;
  color:#cfeaff;
  font-weight:800;
}
.button-editor-fields .clean-toggle.small-storage-toggle input{
  width:16px;
  height:16px;
  min-height:16px;
  padding:0;
}
.discord-color-select{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.discord-color-select select{
  flex:1 1 auto;
}
.discord-color-dot{
  width:18px;
  height:18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:#5865f2;
  box-shadow:0 0 12px rgba(88,101,242,.26);
  flex:0 0 auto;
}
.button-preview-side{
  display:grid;
  gap:12px;
  align-content:start;
  min-width:0;
}
.button-preview-side .preview-label{
  color:#9feaff;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.72rem;
  font-weight:900;
}
.locked-add-button-card{
  display:flex;
  align-items:center;
  gap:14px;
  border:1px dashed rgba(56,215,255,.26);
  border-radius:18px;
  background:rgba(8,17,33,.42);
  padding:16px;
  color:#b8cbe3;
}
.locked-add-button-icon{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  border:1px solid rgba(56,215,255,.28);
  color:#7ee8ff;
  font-weight:900;
}
.locked-add-button-copy{
  display:grid;
  gap:3px;
  flex:1;
}
.locked-add-button-copy strong{color:#eaf7ff;}
.locked-add-button-copy span{font-size:.84rem;color:#9fb0c8;}
@media(max-width:1180px){
  .button-builder-layout{grid-template-columns:1fr;}
  .button-preview-side{position:static;}
}
@media(max-width:760px){
  .wizard-progress.progressive .wizard-step{
    flex-basis:142px;
  }
  .button-editor-fields{
    grid-template-columns:1fr;
  }
}


/* Patch 2.78 - Stepper schmaler statt flacher + Button-Erstellung sauber neu ausgerichtet */
.wizard-progress.progressive{
  padding:8px 2px 11px;
}
.wizard-progress.progressive .wizard-step{
  flex:0 0 clamp(118px, 8.8vw, 148px);
  min-height:56px;
  margin-left:-11px;
  padding:0 15px 0 23px;
  gap:7px;
  font-size:.70rem;
  line-height:1.08;
}
.wizard-progress.progressive .wizard-step:first-child{
  padding-left:10px;
}
.wizard-progress.progressive .wizard-step::before,
.wizard-progress.progressive .wizard-step::after{
  clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%, 14px 50%);
}
.wizard-progress.progressive .wizard-step:first-child::before,
.wizard-progress.progressive .wizard-step:first-child::after{
  clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%);
}
.wizard-progress.progressive .wizard-step span{
  width:22px;
  height:22px;
  min-width:22px;
  font-size:.68rem;
}

.button-builder-layout{
  grid-template-columns:minmax(0,1fr) minmax(290px,340px);
  gap:18px;
}
.ticket-button-editor{
  padding:16px;
  border-radius:18px;
}
.button-editor-top{
  margin-bottom:13px;
}
.button-editor-fields{
  display:grid;
  grid-template-columns:minmax(260px,1.35fr) minmax(210px,.85fr) minmax(190px,.78fr);
  gap:13px 14px;
  align-items:start;
}
.button-editor-fields label{
  align-self:start;
}
.button-editor-fields .button-label-name{grid-column:1 / 2;}
.button-editor-fields .button-label-storage{grid-column:2 / 3;}
.button-editor-fields .button-label-category{grid-column:3 / 4;}
.button-editor-fields .small-storage-toggle{grid-column:1 / -1;}
.button-editor-fields .button-label-icon{grid-column:1 / 3;}
.button-editor-fields .button-label-color{grid-column:3 / 4;}
.button-editor-fields label > span:first-child{
  min-height:18px;
  display:flex;
  align-items:center;
  gap:5px;
}
.button-editor-fields label small{
  max-width:none;
  min-height:0;
  font-size:.73rem;
  line-height:1.22;
}
.button-editor-fields input,
.button-editor-fields select{
  min-height:43px;
}
.button-editor-fields .clean-toggle.small-storage-toggle{
  min-height:44px;
  margin:2px 0 3px;
}
.discord-color-select select{
  min-width:0;
}
.button-preview-side{
  position:sticky;
  top:18px;
}
@media(max-width:1300px){
  .button-builder-layout{grid-template-columns:1fr;}
  .button-preview-side{position:static;}
}
@media(max-width:900px){
  .button-editor-fields{grid-template-columns:1fr;}
  .button-editor-fields .button-label-name,
  .button-editor-fields .button-label-storage,
  .button-editor-fields .button-label-category,
  .button-editor-fields .button-label-icon,
  .button-editor-fields .button-label-color,
  .button-editor-fields .small-storage-toggle{grid-column:1 / -1;}
}
@media(max-width:760px){
  .wizard-progress.progressive .wizard-step{
    flex-basis:132px;
    min-height:52px;
  }
}

/* Patch 2.79 - Setup-Stepper wieder hoch, schmaler + Wizard-Buttons nach Ticket-Panel-Vorlage */
.wizard-progress.progressive{
  padding:10px 2px 13px;
}
.wizard-progress.progressive .wizard-step{
  flex:0 0 clamp(178px, 13.2vw, 222px);
  min-height:64px;
  margin-left:-16px;
  padding:0 26px 0 34px;
  gap:10px;
  font-size:.78rem;
  line-height:1.1;
}
.wizard-progress.progressive .wizard-step:first-child{
  padding-left:18px;
}
.wizard-progress.progressive .wizard-step::before,
.wizard-progress.progressive .wizard-step::after{
  clip-path:polygon(0 0, calc(100% - 19px) 0, 100% 50%, calc(100% - 19px) 100%, 0 100%, 19px 50%);
}
.wizard-progress.progressive .wizard-step:first-child::before,
.wizard-progress.progressive .wizard-step:first-child::after{
  clip-path:polygon(0 0, calc(100% - 19px) 0, 100% 50%, calc(100% - 19px) 100%, 0 100%);
}
.wizard-progress.progressive .wizard-step span{
  width:25px;
  height:25px;
  min-width:25px;
  font-size:.74rem;
}

.button-builder-layout.wizard-button-admin{
  grid-template-columns:minmax(0,1fr) minmax(300px,340px);
  gap:18px;
}
.wizard-panel-button-editor-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(320px,1fr));
  gap:14px;
  align-items:start;
}
.wizard-button-admin .panel-button-edit-card{
  border:1px solid rgba(124,145,181,.18);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(9,20,38,.78),rgba(7,14,27,.72));
  padding:15px;
  display:grid;
  gap:13px;
  min-width:0;
  box-shadow:0 18px 45px rgba(0,0,0,.12);
}
.wizard-button-admin .panel-button-edit-card:hover{
  border-color:rgba(56,215,255,.30);
  box-shadow:0 20px 52px rgba(0,0,0,.18),0 0 24px rgba(56,215,255,.05);
}
.wizard-button-admin .panel-button-edit-card header{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.wizard-button-admin .panel-button-edit-card header strong{
  color:#edf7ff;
  font-weight:950;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wizard-button-admin .panel-button-edit-card header .mini-toggle{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#9fb0c8;
  font-size:.82rem;
  font-weight:850;
  white-space:nowrap;
}
.wizard-button-admin .panel-button-edit-card header .mini-toggle input{
  width:16px;
  height:16px;
  margin:0;
}
.wizard-button-admin .ticket-style-dot{
  width:32px;
  height:32px;
  min-width:32px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-style:normal;
  font-weight:950;
  background:rgba(56,215,255,.12);
  border:1px solid rgba(56,215,255,.24);
}
.wizard-button-admin .ticket-style-dot.primary{background:rgba(88,101,242,.16);border-color:rgba(88,101,242,.4)}
.wizard-button-admin .ticket-style-dot.secondary{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.28)}
.wizard-button-admin .ticket-style-dot.success{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.36)}
.wizard-button-admin .ticket-style-dot.danger{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.36)}
.wizard-button-admin .panel-button-edit-fields,
.wizard-button-admin .panel-button-storage-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.wizard-button-admin .panel-button-edit-fields label,
.wizard-button-admin .panel-button-storage-grid label{
  display:grid;
  gap:6px;
  margin:0;
  min-width:0;
}
.wizard-button-admin .panel-button-edit-fields label span,
.wizard-button-admin .panel-button-storage-grid label span{
  color:#9fb0c8;
  font-size:.76rem;
  font-weight:850;
}
.wizard-button-admin .panel-button-edit-fields input,
.wizard-button-admin .panel-button-edit-fields select,
.wizard-button-admin .panel-button-storage-grid input,
.wizard-button-admin .panel-button-storage-grid select{
  width:100%;
  min-width:0;
  min-height:42px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:13px;
  background:rgba(5,11,24,.72);
  color:#f4f8ff;
  padding:0 12px;
  font-weight:800;
}
.wizard-button-admin .panel-button-edit-fields input:focus,
.wizard-button-admin .panel-button-edit-fields select:focus,
.wizard-button-admin .panel-button-storage-grid input:focus,
.wizard-button-admin .panel-button-storage-grid select:focus{
  border-color:rgba(56,215,255,.55);
  box-shadow:0 0 0 3px rgba(56,215,255,.08);
  outline:none;
}
.wizard-button-admin .panel-button-storage-note{
  display:grid;
  gap:4px;
  border:1px solid rgba(56,215,255,.15);
  border-radius:14px;
  background:rgba(56,215,255,.055);
  padding:11px 12px;
}
.wizard-button-admin .panel-button-storage-note strong{
  color:#eaf7ff;
  font-weight:950;
}
.wizard-button-admin .panel-button-storage-note span{
  color:#9fb0c8;
  font-size:.82rem;
  line-height:1.35;
}
.wizard-button-admin .panel-button-storage-grid .span-2,
.wizard-button-admin .panel-button-storage-grid .clean-toggle{
  grid-column:1/-1;
}
.wizard-button-admin .clean-toggle.small-storage-toggle{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  border:1px solid rgba(56,215,255,.18);
  border-radius:13px;
  background:rgba(56,215,255,.07);
  padding:10px 12px;
  color:#cfeaff;
  font-weight:850;
}
.wizard-button-admin .clean-toggle.small-storage-toggle input{
  width:16px;
  height:16px;
  min-height:16px;
  padding:0;
}
.wizard-locked-add-button{
  grid-column:1/-1;
}
@media(max-width:1360px){
  .wizard-panel-button-editor-grid{grid-template-columns:1fr;}
}
@media(max-width:1180px){
  .button-builder-layout.wizard-button-admin{grid-template-columns:1fr;}
  .button-preview-side{position:static;}
}
@media(max-width:760px){
  .wizard-progress.progressive .wizard-step{
    flex-basis:170px;
    min-height:58px;
  }
  .wizard-button-admin .panel-button-edit-fields,
  .wizard-button-admin .panel-button-storage-grid{grid-template-columns:1fr;}
}

/* Patch 2.80 - Wizard Buttonmenü: Live-Titel, ruhige Selects, keine langen Dropdown-Texte */
.wizard-button-admin .panel-button-edit-card header strong[data-button-title-preview]{
  max-width:calc(100% - 120px);
}
.wizard-button-admin .panel-button-edit-fields{
  grid-template-columns:minmax(220px, 1.4fr) minmax(150px, .7fr) minmax(138px, .55fr);
  align-items:end;
}
.wizard-button-admin .panel-button-edit-fields .button-label-name{grid-column:auto;}
.wizard-button-admin .panel-button-edit-fields .button-label-symbol{grid-column:auto;}
.wizard-button-admin .panel-button-edit-fields .button-label-color{grid-column:auto;}
.wizard-button-admin .panel-button-storage-grid{
  grid-template-columns:minmax(240px,1fr) minmax(220px,.82fr);
  align-items:end;
}
.wizard-button-admin .panel-button-edit-fields input,
.wizard-button-admin .panel-button-storage-grid input{
  font-size:.98rem;
  letter-spacing:.01em;
}
.wizard-button-admin select.nc-wizard-native-select,
.wizard-button-admin .panel-button-edit-fields select.nc-wizard-native-select,
.wizard-button-admin .panel-button-storage-grid select.nc-wizard-native-select{
  appearance:none;
  -webkit-appearance:none;
  background:
    linear-gradient(45deg, transparent 50%, #67e8f9 50%) calc(100% - 18px) 50%/6px 6px no-repeat,
    linear-gradient(135deg, #67e8f9 50%, transparent 50%) calc(100% - 12px) 50%/6px 6px no-repeat,
    linear-gradient(180deg, rgba(8,20,39,.96), rgba(5,11,24,.94));
  border-color:rgba(56,215,255,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  padding-right:34px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wizard-button-admin select.nc-wizard-native-select option{
  background:#071125;
  color:#eef7ff;
  font-weight:850;
}
.wizard-button-admin select.nc-wizard-native-select option:checked{
  background:#123656;
  color:#ffffff;
}
.wizard-button-admin .button-label-category select.nc-wizard-native-select{
  max-width:100%;
}
.wizard-button-admin .button-label-category span,
.wizard-button-admin .button-label-color span{
  white-space:nowrap;
}
.wizard-button-admin .panel-button-storage-grid .clean-toggle.small-storage-toggle{
  margin-top:0;
}
.wizard-button-admin .button-preview-side .discord-preview [data-button-preview],
.wizard-button-admin .button-preview-side .discord-preview [data-preview-button]{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:1440px){
  .wizard-button-admin .panel-button-edit-fields{
    grid-template-columns:minmax(220px,1fr) minmax(140px,.55fr) minmax(130px,.5fr);
  }
  .wizard-button-admin .panel-button-storage-grid{
    grid-template-columns:minmax(220px,1fr) minmax(190px,.75fr);
  }
}
@media(max-width:860px){
  .wizard-button-admin .panel-button-edit-fields,
  .wizard-button-admin .panel-button-storage-grid{
    grid-template-columns:1fr;
  }
}

/* Patch 2.80 - eigene dunkle Select-Menüs im Button-Wizard */
.wizard-button-admin select.nc-select-native-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.wizard-button-admin .nc-js-select{
  position:relative;
  min-width:0;
  width:100%;
}
.wizard-button-admin .nc-js-select-toggle{
  width:100%;
  min-height:42px;
  border:1px solid rgba(56,215,255,.28);
  border-radius:13px;
  background:linear-gradient(180deg, rgba(8,20,39,.96), rgba(5,11,24,.94));
  color:#f4f8ff;
  padding:0 36px 0 12px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  text-align:left;
  font-weight:900;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.wizard-button-admin .nc-js-select-toggle span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f4f8ff;
  font-size:.94rem;
}
.wizard-button-admin .nc-js-select-toggle i{
  position:absolute;
  right:13px;
  width:8px;
  height:8px;
  border-right:2px solid #67e8f9;
  border-bottom:2px solid #67e8f9;
  transform:rotate(45deg);
  transition:transform .16s ease;
}
.wizard-button-admin .nc-js-select.open .nc-js-select-toggle i{transform:rotate(225deg);}
.wizard-button-admin .nc-js-select-menu{
  position:absolute;
  z-index:120;
  left:0;
  right:0;
  top:calc(100% + 6px);
  border:1px solid rgba(56,215,255,.34);
  background:linear-gradient(180deg,#08162b,#050b18);
  border-radius:14px;
  padding:6px;
  box-shadow:0 22px 60px rgba(0,0,0,.45), 0 0 24px rgba(56,215,255,.08);
  max-height:230px;
  overflow:auto;
}
.wizard-button-admin .nc-js-select-menu[hidden]{display:none!important;}
.wizard-button-admin .nc-js-select-menu button{
  width:100%;
  border:0;
  background:transparent;
  color:#d8e7fb;
  border-radius:10px;
  padding:10px 10px;
  text-align:left;
  font-weight:850;
  cursor:pointer;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wizard-button-admin .nc-js-select-menu button:hover,
.wizard-button-admin .nc-js-select-menu button.active{
  background:linear-gradient(90deg, rgba(56,215,255,.18), rgba(88,101,242,.12));
  color:#ffffff;
}


/* Patch 2.81 - Stepper wieder höher, Zahlen modern + Button-Wizard Größen zurückgerückt */
.wizard-progress.progressive{
  padding:12px 2px 15px;
  align-items:center;
}
.wizard-progress.progressive .wizard-step{
  flex:0 0 clamp(178px, 12.4vw, 212px);
  min-height:70px;
  margin-left:-16px;
  padding:0 24px 0 34px;
  gap:12px;
  font-size:.78rem;
}
.wizard-progress.progressive .wizard-step:first-child{padding-left:18px;}
.wizard-progress.progressive .wizard-step::before,
.wizard-progress.progressive .wizard-step::after{
  clip-path:polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%, 20px 50%);
}
.wizard-progress.progressive .wizard-step:first-child::before,
.wizard-progress.progressive .wizard-step:first-child::after{
  clip-path:polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
}
.wizard-progress.progressive .wizard-step span{
  width:28px;
  height:28px;
  min-width:28px;
  border-radius:10px;
  background:linear-gradient(180deg, rgba(5,13,27,.92), rgba(8,18,35,.86)) !important;
  border:2px solid var(--step-border) !important;
  color:#ecf8ff !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.035) inset, 0 0 18px color-mix(in srgb, var(--step-border) 16%, transparent) !important;
  transform:translateY(-1px);
}
.wizard-progress.progressive .wizard-step.active span{
  background:linear-gradient(180deg, rgba(8,22,42,.94), rgba(5,13,27,.96)) !important;
  color:#ffffff !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset, 0 0 22px color-mix(in srgb, var(--step-border) 24%, transparent) !important;
}
.wizard-progress.progressive .wizard-step.done span{
  background:linear-gradient(180deg, rgba(5,21,20,.96), rgba(5,13,27,.92)) !important;
  border-color:#29d99c !important;
  color:#bfffee !important;
}

.button-builder-layout.wizard-button-admin{
  grid-template-columns:minmax(0,1fr) minmax(300px,340px);
  gap:18px;
}
.wizard-panel-button-editor-grid{
  grid-template-columns:repeat(auto-fit, minmax(450px, 1fr));
  gap:16px;
}
.wizard-button-admin .panel-button-edit-card{
  padding:18px;
  gap:15px;
}
.wizard-button-admin .panel-button-edit-fields{
  grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr) !important;
  gap:12px 14px;
  align-items:start !important;
}
.wizard-button-admin .panel-button-edit-fields .button-label-name{grid-column:1 / 2 !important;}
.wizard-button-admin .panel-button-edit-fields .button-label-symbol{grid-column:2 / 3 !important;}
.wizard-button-admin .panel-button-edit-fields .button-label-color{grid-column:1 / 2 !important; max-width:260px;}
.wizard-button-admin .panel-button-storage-grid{
  grid-template-columns:minmax(0,1fr) minmax(220px,.8fr) !important;
  gap:12px 14px;
  align-items:start !important;
}
.wizard-button-admin .panel-button-storage-grid .clean-toggle.small-storage-toggle{grid-column:1 / -1 !important;}
.wizard-button-admin .panel-button-edit-fields input,
.wizard-button-admin .panel-button-storage-grid input,
.wizard-button-admin .nc-js-select-toggle{
  min-height:44px;
}
.wizard-button-admin .panel-button-edit-card header strong[data-button-title-preview]{
  max-width:calc(100% - 115px);
}
@media(max-width:1540px){
  .wizard-panel-button-editor-grid{grid-template-columns:1fr;}
}
@media(max-width:1180px){
  .button-builder-layout.wizard-button-admin{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .wizard-progress.progressive .wizard-step{flex-basis:160px;min-height:62px;}
  .wizard-button-admin .panel-button-edit-fields,
  .wizard-button-admin .panel-button-storage-grid{grid-template-columns:1fr!important;}
  .wizard-button-admin .panel-button-edit-fields .button-label-name,
  .wizard-button-admin .panel-button-edit-fields .button-label-symbol,
  .wizard-button-admin .panel-button-edit-fields .button-label-color{grid-column:1 / -1!important;max-width:none;}
}


/* Patch 2.82 - Stepper bereinigt: transparente Nummern, keine hochlaufenden Badges */
.wizard-progress.progressive{
  display:flex !important;
  align-items:stretch !important;
  gap:0 !important;
  padding:14px 4px 16px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
}
.wizard-progress.progressive .wizard-step{
  position:relative !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 clamp(186px, 12.8vw, 222px) !important;
  min-height:72px !important;
  margin-left:-18px !important;
  padding:0 30px 0 44px !important;
  gap:12px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  color:#e9f6ff !important;
  font-size:.78rem !important;
  font-weight:900 !important;
  line-height:1.12 !important;
  text-align:left !important;
  white-space:normal !important;
}
.wizard-progress.progressive .wizard-step:first-child{
  margin-left:0 !important;
  padding-left:24px !important;
}
.wizard-progress.progressive .wizard-step::before,
.wizard-progress.progressive .wizard-step::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 50%, calc(100% - 22px) 100%, 0 100%, 22px 50%) !important;
  pointer-events:none !important;
}
.wizard-progress.progressive .wizard-step:first-child::before,
.wizard-progress.progressive .wizard-step:first-child::after{
  clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 50%, calc(100% - 22px) 100%, 0 100%) !important;
}
.wizard-progress.progressive .wizard-step::before{
  z-index:-2 !important;
  background:var(--step-border) !important;
  opacity:.74 !important;
}
.wizard-progress.progressive .wizard-step::after{
  z-index:-1 !important;
  inset:1px !important;
  background:linear-gradient(180deg, rgba(8,18,34,.40), rgba(6,14,27,.34)) !important;
}
.wizard-progress.progressive .wizard-step.active::after{
  background:linear-gradient(180deg, color-mix(in srgb, var(--step-border) 9%, rgba(9,20,38,.42)), rgba(6,14,27,.36)) !important;
}
.wizard-progress.progressive .wizard-step span{
  position:static !important;
  transform:none !important;
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  display:inline-grid !important;
  place-items:center !important;
  border-radius:10px !important;
  border:2px solid var(--step-border) !important;
  background:rgba(2,10,22,.18) !important;
  color:#f4fbff !important;
  font-size:.78rem !important;
  font-weight:950 !important;
  line-height:1 !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.035) inset, 0 0 16px color-mix(in srgb, var(--step-border) 14%, transparent) !important;
}
.wizard-progress.progressive .wizard-step.done span,
.wizard-progress.progressive .wizard-step.active span{
  background:rgba(2,10,22,.22) !important;
  color:#ffffff !important;
}
.wizard-progress.progressive .wizard-step.done span{
  border-color:#29d99c !important;
  color:#d7fff3 !important;
}
.wizard-progress.progressive .wizard-step.step-tone-1{--step-border:#25d9ff !important;z-index:9 !important;}
.wizard-progress.progressive .wizard-step.step-tone-2{--step-border:#ff5d73 !important;z-index:8 !important;}
.wizard-progress.progressive .wizard-step.step-tone-3{--step-border:#ffd833 !important;z-index:7 !important;}
.wizard-progress.progressive .wizard-step.step-tone-4{--step-border:#31d48d !important;z-index:6 !important;}
.wizard-progress.progressive .wizard-step.step-tone-5{--step-border:#6384ff !important;z-index:5 !important;}
.wizard-progress.progressive .wizard-step.step-tone-6{--step-border:#ad78ff !important;z-index:4 !important;}
.wizard-progress.progressive .wizard-step.step-tone-7{--step-border:#ff9d42 !important;z-index:3 !important;}
.wizard-progress.progressive .wizard-step.step-tone-8{--step-border:#ff6fcf !important;z-index:2 !important;}
.wizard-progress.progressive .wizard-step.step-tone-9{--step-border:#27d3c2 !important;z-index:1 !important;}
.wizard-progress.progressive .wizard-step.active{z-index:20 !important;}
@media(max-width:980px){
  .wizard-progress.progressive .wizard-step{
    flex-basis:178px !important;
    min-height:66px !important;
    padding-left:40px !important;
  }
  .wizard-progress.progressive .wizard-step:first-child{padding-left:22px !important;}
}


/* Patch 2.83 - Setup-Stepper nur Rahmen, innen ruhig/dunkel */
.wizard-progress.progressive{
  overflow-x:auto !important;
  overflow-y:hidden !important;
}
.wizard-progress.progressive .wizard-step{
  isolation:isolate !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  overflow:visible !important;
  color:#edf7ff !important;
}
.wizard-progress.progressive .wizard-step::before,
.wizard-progress.progressive .wizard-step::after{
  display:block !important;
  pointer-events:none !important;
}
.wizard-progress.progressive .wizard-step::before{
  z-index:-2 !important;
  background:var(--step-border) !important;
  opacity:.86 !important;
  filter:drop-shadow(0 0 10px color-mix(in srgb, var(--step-border) 10%, transparent)) !important;
}
.wizard-progress.progressive .wizard-step::after{
  z-index:-1 !important;
  inset:2px !important;
  background:linear-gradient(180deg, rgba(13,25,43,.98), rgba(8,17,31,.98)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
.wizard-progress.progressive .wizard-step.active::after,
.wizard-progress.progressive .wizard-step.done::after{
  background:linear-gradient(180deg, rgba(13,25,43,.98), rgba(8,17,31,.98)) !important;
}
.wizard-progress.progressive .wizard-step.active{
  filter:drop-shadow(0 0 12px color-mix(in srgb, var(--step-border) 12%, transparent)) !important;
}
.wizard-progress.progressive .wizard-step span{
  position:relative !important;
  z-index:2 !important;
  background:rgba(5,14,27,.64) !important;
  border:2px solid var(--step-border) !important;
  color:#f7fbff !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset, 0 0 12px color-mix(in srgb, var(--step-border) 12%, transparent) !important;
}
.wizard-progress.progressive .wizard-step.done span{
  background:rgba(5,14,27,.64) !important;
  border-color:#29d99c !important;
  color:#dcfff5 !important;
}
.wizard-progress.progressive .wizard-step.done span::after{
  content:'✓';
  font-size:.68rem;
  line-height:1;
}
.wizard-progress.progressive .wizard-step.done span{
  font-size:0 !important;
}
.wizard-progress.progressive .wizard-step:not(.done) span::after{
  content:none !important;
}

/* Patch 2.84 · Setup Wizard Progress Rail (Variante 3)
   Eigene Klassen, damit die alten Pfeil-/Stepper-Overrides nicht mehr hineinfunken. */
.setup-rail-card{
  padding:26px 28px 24px;
}
.setup-rail-head{
  align-items:flex-start;
  margin-bottom:30px;
}
.setup-rail-counter{
  color:rgba(205,225,255,.72);
  font-size:14px;
  font-weight:700;
  letter-spacing:.04em;
  white-space:nowrap;
  padding-top:4px;
}
.setup-rail-counter strong{
  color:#f7fbff;
  font-size:26px;
  line-height:1;
  letter-spacing:.02em;
}
.wizard-progress-rail{
  --rail-progress:0%;
  position:relative;
  width:min(1080px,100%);
  padding-top:10px;
  margin-top:2px;
}
.setup-rail-track{
  position:absolute;
  left:34px;
  right:34px;
  top:30px;
  height:4px;
  border-radius:99px;
  background:rgba(31,48,75,.58);
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.setup-rail-track::after{
  content:"";
  display:block;
  width:var(--rail-progress);
  height:100%;
  border-radius:99px;
  background:linear-gradient(90deg, rgba(34,230,174,.9), rgba(25,214,255,.9), rgba(255,213,30,.9));
  box-shadow:0 0 18px rgba(25,214,255,.42);
}
.setup-rail-steps{
  position:relative;
  display:grid;
  gap:26px;
}
.setup-rail-step{
  position:relative;
  display:block;
  min-height:132px;
  padding-top:57px;
  color:inherit;
  text-decoration:none;
  outline:0;
}
.setup-rail-node{
  position:absolute;
  top:0;
  left:0;
  width:60px;
  height:60px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(9,18,32,.88);
  border:1px solid rgba(99,123,157,.45);
  color:rgba(174,191,214,.84);
  font-weight:950;
  font-size:15px;
  line-height:1;
  box-shadow:0 10px 26px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035);
}
.setup-rail-step.done .setup-rail-node{
  border-color:rgba(34,230,174,.72);
  color:#2af0bd;
  background:rgba(10,28,34,.76);
}
.setup-rail-step.step-tone-2.done .setup-rail-node{
  border-color:rgba(255,77,125,.7);
  color:#ff6d95;
  background:rgba(34,14,28,.74);
}
.setup-rail-step.current .setup-rail-node{
  border-color:#ffd51e;
  color:#ffd51e;
  background:rgba(16,22,31,.9);
  box-shadow:0 0 0 5px rgba(255,213,30,.07), 0 12px 30px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.045);
}
.setup-rail-step.current .setup-rail-node::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-13px;
  transform:translateX(-50%);
  width:0;
  height:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-top:8px solid #ffd51e;
  filter:drop-shadow(0 3px 10px rgba(255,213,30,.25));
}
.setup-rail-title,
.setup-rail-desc{
  display:block;
}
.setup-rail-title{
  margin-top:14px;
  font-size:14px;
  font-weight:900;
  color:#f4f8ff;
}
.setup-rail-desc{
  margin-top:5px;
  max-width:215px;
  color:rgba(163,180,205,.86);
  font-size:12px;
  line-height:1.45;
}
.setup-rail-step.step-tone-1.current .setup-rail-node,
.setup-rail-step.step-tone-1.done .setup-rail-node{border-color:rgba(34,230,174,.72);color:#2af0bd;}
.setup-rail-step.step-tone-2.current .setup-rail-node{border-color:#ff4d7d;color:#ff6d95;box-shadow:0 0 0 5px rgba(255,77,125,.06),0 12px 30px rgba(0,0,0,.3);}
.setup-rail-step.step-tone-2.current .setup-rail-node::after{border-top-color:#ff4d7d;}
.setup-rail-step.step-tone-3.current .setup-rail-node{border-color:#ffd51e;color:#ffd51e;}
.setup-rail-step.step-tone-4.current .setup-rail-node{border-color:#22e6ae;color:#22e6ae;}
.setup-rail-step.step-tone-4.current .setup-rail-node::after{border-top-color:#22e6ae;}
.setup-rail-step.step-tone-5.current .setup-rail-node{border-color:#6384ff;color:#9cb2ff;}
.setup-rail-step.step-tone-5.current .setup-rail-node::after{border-top-color:#6384ff;}
.setup-rail-step.step-tone-6.current .setup-rail-node{border-color:#ad78ff;color:#c6a4ff;}
.setup-rail-step.step-tone-6.current .setup-rail-node::after{border-top-color:#ad78ff;}
.setup-rail-step.step-tone-7.current .setup-rail-node{border-color:#ff9d42;color:#ffc38a;}
.setup-rail-step.step-tone-7.current .setup-rail-node::after{border-top-color:#ff9d42;}
.setup-rail-step.step-tone-8.current .setup-rail-node{border-color:#ff6fcf;color:#ff9de0;}
.setup-rail-step.step-tone-8.current .setup-rail-node::after{border-top-color:#ff6fcf;}
.setup-rail-step.step-tone-9.current .setup-rail-node{border-color:#27d3c2;color:#7df6e9;}
.setup-rail-step.step-tone-9.current .setup-rail-node::after{border-top-color:#27d3c2;}

@media(max-width:980px){
  .wizard-progress-rail{width:100%;overflow-x:auto;padding-bottom:4px;}
  .setup-rail-steps{min-width:max-content;grid-auto-columns:220px;}
  .setup-rail-step{width:220px;}
}
@media(max-width:760px){
  .setup-rail-card{padding:20px 18px;}
  .setup-rail-head{gap:14px;margin-bottom:22px;}
  .setup-rail-counter strong{font-size:21px;}
  .wizard-progress-rail{padding-top:0;overflow:visible;}
  .setup-rail-track{left:29px;right:auto;top:28px;width:4px;height:calc(100% - 62px);}
  .setup-rail-track::after{width:100%;height:var(--rail-progress);}
  .setup-rail-steps{display:grid !important;grid-template-columns:1fr !important;gap:18px;min-width:0;}
  .setup-rail-step{width:auto;min-height:62px;padding:0 0 0 82px;}
  .setup-rail-node{left:0;top:0;}
  .setup-rail-title{margin-top:0;padding-top:7px;}
  .setup-rail-desc{max-width:none;}
}

/* Patch 2.85 - Setup Schritt 4: Panel gestalten ruhig, klar und mit NexCore-Dropdowns */
.setup-panel-design-card .section-head.compact{
  align-items:flex-start;
}
.setup-panel-design-card .muted-text{
  max-width:760px;
  margin-bottom:18px;
}
.panel-design-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(310px,360px);
  gap:22px;
  align-items:start;
}
.panel-design-main{
  display:grid;
  gap:14px;
  min-width:0;
}
.panel-design-box{
  border:1px solid rgba(56,215,255,.18);
  border-radius:20px;
  background:linear-gradient(145deg, rgba(8,17,33,.72), rgba(10,22,42,.48));
  padding:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.panel-design-box-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(148,163,184,.11);
}
.panel-design-box-head strong{
  color:#eef8ff;
  font-size:1rem;
  font-weight:950;
}
.panel-design-box-head span{
  color:#8fa2bd;
  font-size:.82rem;
  line-height:1.35;
  text-align:right;
}
.panel-design-form-grid{
  display:grid;
  grid-template-columns:minmax(120px,.42fr) minmax(220px,.9fr) minmax(180px,.68fr);
  gap:14px;
  align-items:start;
}
.panel-design-form-grid.panel-design-two{
  grid-template-columns:repeat(2,minmax(220px,1fr));
}
.panel-design-form-grid label{
  display:grid;
  gap:8px;
  min-width:0;
  margin:0;
}
.panel-design-form-grid label > span:first-child{
  color:#9fb1ca;
  font-size:.78rem;
  font-weight:850;
  line-height:1.2;
}
.panel-design-form-grid input,
.panel-design-form-grid select{
  width:100%;
  min-width:0;
  min-height:46px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:14px;
  background:rgba(5,11,24,.78);
  color:#f4f8ff;
  padding:0 13px;
  font-weight:800;
  outline:none;
}
.panel-design-form-grid input:focus,
.panel-design-form-grid select:focus{
  border-color:rgba(56,215,255,.62);
  box-shadow:0 0 0 3px rgba(56,215,255,.08),0 0 22px rgba(56,215,255,.08);
}
.panel-design-form-grid small{
  color:#8fa2bd;
  font-size:.78rem;
  line-height:1.35;
}
.panel-design-form-grid .span-2{grid-column:span 2;}
.panel-design-form-grid .span-3{grid-column:1 / -1;}
.panel-title-icon-field input{
  text-align:center;
  font-size:1rem;
}
.panel-design-advanced{
  margin-top:0;
  border-color:rgba(56,215,255,.20);
  background:rgba(8,17,33,.52);
}
.panel-design-preview{
  position:sticky;
  top:20px;
  min-width:0;
  border:1px solid rgba(56,215,255,.16);
  border-radius:20px;
  background:linear-gradient(180deg, rgba(8,17,33,.62), rgba(6,12,24,.42));
  padding:16px;
}
.panel-design-preview .shared-panel-preview,
.panel-design-preview .discord-preview{
  max-width:100%;
}

/* NexCore Selects im Panel-Wizard */
select.nc-panel-native-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.nc-panel-js-select{
  position:relative;
  width:100%;
  min-width:0;
}
.nc-panel-js-select-toggle{
  position:relative;
  width:100%;
  min-height:46px;
  border:1px solid rgba(56,215,255,.34);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(8,20,39,.96), rgba(5,11,24,.94));
  color:#f4f8ff;
  padding:0 42px 0 14px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  text-align:left;
  font-weight:900;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 20px rgba(56,215,255,.04);
}
.nc-panel-js-select-toggle span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f4f8ff;
}
.nc-panel-js-select-toggle i{
  position:absolute;
  right:16px;
  width:8px;
  height:8px;
  border-right:2px solid #67e8f9;
  border-bottom:2px solid #67e8f9;
  transform:rotate(45deg);
  transition:transform .16s ease;
}
.nc-panel-js-select.open .nc-panel-js-select-toggle{
  border-color:rgba(56,215,255,.70);
  box-shadow:0 0 0 3px rgba(56,215,255,.08),0 0 28px rgba(56,215,255,.08);
}
.nc-panel-js-select.open .nc-panel-js-select-toggle i{transform:rotate(225deg);}
.nc-panel-js-select-menu{
  position:absolute;
  z-index:150;
  left:0;
  right:0;
  top:calc(100% + 7px);
  border:1px solid rgba(56,215,255,.34);
  background:linear-gradient(180deg,#08162b,#050b18);
  border-radius:15px;
  padding:7px;
  box-shadow:0 24px 70px rgba(0,0,0,.50),0 0 28px rgba(56,215,255,.08);
  max-height:240px;
  overflow:auto;
}
.nc-panel-js-select-menu[hidden]{display:none!important;}
.nc-panel-js-select-menu button{
  width:100%;
  border:0;
  background:transparent;
  color:#d8e7fb;
  border-radius:11px;
  padding:10px 11px;
  text-align:left;
  font-weight:850;
  cursor:pointer;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.nc-panel-js-select-menu button:hover,
.nc-panel-js-select-menu button.active{
  background:linear-gradient(90deg, rgba(56,215,255,.18), rgba(88,101,242,.12));
  color:#fff;
}

@media(max-width:1180px){
  .panel-design-layout{grid-template-columns:1fr;}
  .panel-design-preview{position:static;}
}
@media(max-width:880px){
  .panel-design-form-grid,
  .panel-design-form-grid.panel-design-two{grid-template-columns:1fr;}
  .panel-design-form-grid .span-2,
  .panel-design-form-grid .span-3{grid-column:1 / -1;}
  .panel-design-box-head{align-items:flex-start;flex-direction:column;}
  .panel-design-box-head span{text-align:left;}
}

/* Patch 2.86 - Setup Schritt 5: Ticketarten standardmäßig eingeklappt und ruhige Dropdown-Karten */
.category-lean-list{
  display:grid;
  gap:12px;
}
.category-lean-card{
  border:1px solid rgba(56,215,255,.18);
  border-radius:17px;
  background:linear-gradient(180deg, rgba(13,25,43,.72), rgba(8,17,31,.66));
  overflow:visible;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.category-lean-card[open]{
  border-color:rgba(56,215,255,.52);
  box-shadow:0 0 0 1px rgba(56,215,255,.10), 0 18px 50px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.035);
}
.category-lean-card>summary{
  list-style:none;
  cursor:pointer;
  min-height:58px;
  padding:14px 18px;
  border-radius:16px;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between;
  gap:16px!important;
  background:linear-gradient(90deg, rgba(56,215,255,.055), rgba(37,99,235,.025));
}
.category-lean-card>summary::-webkit-details-marker{display:none;}
.category-lean-card>summary::after{
  content:"";
  width:9px;
  height:9px;
  min-width:9px;
  border-right:2px solid rgba(103,232,249,.82);
  border-bottom:2px solid rgba(103,232,249,.82);
  transform:rotate(45deg);
  transition:transform .18s ease, border-color .18s ease;
  margin-left:auto;
}
.category-lean-card[open]>summary::after{
  transform:rotate(225deg);
  border-color:#38d7ff;
}
.category-lean-card>summary>span{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.category-lean-card>summary strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f4f8ff;
}
.category-lean-card>summary em{
  color:#9fb0c9;
  font-style:normal;
  font-size:.86rem;
  font-weight:750;
  white-space:nowrap;
  margin-left:auto;
}
.category-lean-card:not([open])>summary{
  border-radius:16px;
}
.category-lean-card:not([open]) .mini-help-text,
.category-lean-card:not([open]) .category-fields-compact,
.category-lean-card:not([open]) .inline-switch,
.category-lean-card:not([open]) .form-preview-card{
  display:none!important;
}
.category-lean-card .mini-help-text{
  margin:0;
  padding:0 20px 12px;
}
.category-lean-card .category-fields-compact{
  padding:0 20px 18px;
}
.category-lean-card .compact-form-switch{
  margin:0 20px 16px;
}
.category-lean-card .compact-form-card{
  margin:0 20px 20px;
}
.category-lean-list .nc-wizard-native-select{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-height:46px;
  border-radius:14px;
  border:1px solid rgba(56,215,255,.28);
  background:
    linear-gradient(45deg, transparent 50%, #67e8f9 50%) calc(100% - 19px) 50%/6px 6px no-repeat,
    linear-gradient(135deg, #67e8f9 50%, transparent 50%) calc(100% - 13px) 50%/6px 6px no-repeat,
    linear-gradient(180deg, rgba(8,20,39,.96), rgba(5,11,24,.94));
  color:#f4f8ff;
  padding:0 38px 0 13px;
  font-weight:900;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.category-lean-list .nc-wizard-native-select option{
  background:#071125;
  color:#eef7ff;
  font-weight:850;
}
@media(max-width:860px){
  .category-lean-card>summary{
    align-items:flex-start!important;
    flex-wrap:wrap;
  }
  .category-lean-card>summary em{
    margin-left:34px;
    width:calc(100% - 58px);
  }
}

/* Patch 2.87 - Setup-Dropdowns überall als NexCore-Menü + Rail endet am aktuellen sichtbaren Schritt */
.setup-card select.nc-select-native-hidden,
.setup-card-slim select.nc-select-native-hidden,
.category-lean-list select.nc-select-native-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.setup-card .nc-js-select,
.setup-card-slim .nc-js-select,
.category-lean-list .nc-js-select{
  position:relative;
  min-width:0;
  width:100%;
}
.setup-card .nc-js-select-toggle,
.setup-card-slim .nc-js-select-toggle,
.category-lean-list .nc-js-select-toggle{
  position:relative;
  width:100%;
  min-height:46px;
  border:1px solid rgba(56,215,255,.32);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(8,20,39,.96), rgba(5,11,24,.95));
  color:#f4f8ff;
  padding:0 42px 0 14px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  text-align:left;
  font-weight:900;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 20px rgba(56,215,255,.04);
}
.setup-card .nc-js-select-toggle span,
.setup-card-slim .nc-js-select-toggle span,
.category-lean-list .nc-js-select-toggle span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f4f8ff;
}
.setup-card .nc-js-select-toggle i,
.setup-card-slim .nc-js-select-toggle i,
.category-lean-list .nc-js-select-toggle i{
  position:absolute;
  right:16px;
  width:8px;
  height:8px;
  border-right:2px solid #67e8f9;
  border-bottom:2px solid #67e8f9;
  transform:rotate(45deg);
  transition:transform .16s ease;
}
.setup-card .nc-js-select.open .nc-js-select-toggle,
.setup-card-slim .nc-js-select.open .nc-js-select-toggle,
.category-lean-list .nc-js-select.open .nc-js-select-toggle{
  border-color:rgba(56,215,255,.72);
  box-shadow:0 0 0 3px rgba(56,215,255,.08),0 0 26px rgba(56,215,255,.08);
}
.setup-card .nc-js-select.open .nc-js-select-toggle i,
.setup-card-slim .nc-js-select.open .nc-js-select-toggle i,
.category-lean-list .nc-js-select.open .nc-js-select-toggle i{
  transform:rotate(225deg);
}
.setup-card .nc-js-select-menu,
.setup-card-slim .nc-js-select-menu,
.category-lean-list .nc-js-select-menu{
  position:absolute;
  z-index:220;
  left:0;
  right:0;
  top:calc(100% + 7px);
  border:1px solid rgba(56,215,255,.36);
  background:linear-gradient(180deg,#08162b,#050b18);
  border-radius:15px;
  padding:7px;
  box-shadow:0 24px 70px rgba(0,0,0,.50),0 0 28px rgba(56,215,255,.08);
  max-height:240px;
  overflow:auto;
}
.setup-card .nc-js-select-menu[hidden],
.setup-card-slim .nc-js-select-menu[hidden],
.category-lean-list .nc-js-select-menu[hidden]{display:none!important;}
.setup-card .nc-js-select-menu button,
.setup-card-slim .nc-js-select-menu button,
.category-lean-list .nc-js-select-menu button{
  width:100%;
  border:0;
  background:transparent;
  color:#d8e7fb;
  border-radius:11px;
  padding:10px 11px;
  text-align:left;
  font-weight:850;
  cursor:pointer;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.setup-card .nc-js-select-menu button:hover,
.setup-card .nc-js-select-menu button.active,
.setup-card-slim .nc-js-select-menu button:hover,
.setup-card-slim .nc-js-select-menu button.active,
.category-lean-list .nc-js-select-menu button:hover,
.category-lean-list .nc-js-select-menu button.active{
  background:linear-gradient(90deg, rgba(56,215,255,.18), rgba(88,101,242,.12));
  color:#fff;
}
.category-lean-card{
  overflow:visible!important;
}
.category-lean-card .category-fields-compact,
.setup-card-slim .category-lean-layout,
.setup-card-slim .category-lean-list{
  overflow:visible!important;
}

/* Patch 2.88 - Setup Rail: Linie berührt Nodes, läuft nicht durch; Done-Farben bleiben je Schritt */
.setup-rail-card .wizard-progress-rail{
  isolation:isolate;
}
.setup-rail-card .setup-rail-track{
  z-index:0!important;
  top:30px!important;
  left:30px!important;
  right:30px!important;
  height:4px!important;
  background:rgba(31,48,75,.48)!important;
  overflow:hidden!important;
}
.setup-rail-card .setup-rail-steps{
  position:relative!important;
  z-index:2!important;
}
.setup-rail-card .setup-rail-step{
  z-index:2!important;
}
.setup-rail-card .setup-rail-node{
  z-index:3!important;
  background:#0b1526!important;
  border-width:1px!important;
  box-shadow:0 10px 26px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.setup-rail-card .setup-rail-step.done .setup-rail-node{
  background:#0b1526!important;
}
.setup-rail-card .setup-rail-step.step-tone-1.done .setup-rail-node,
.setup-rail-card .setup-rail-step.step-tone-1.current .setup-rail-node{border-color:rgba(34,230,174,.78)!important;color:#2af0bd!important;}
.setup-rail-card .setup-rail-step.step-tone-2.done .setup-rail-node,
.setup-rail-card .setup-rail-step.step-tone-2.current .setup-rail-node{border-color:rgba(255,77,125,.78)!important;color:#ff6d95!important;}
.setup-rail-card .setup-rail-step.step-tone-3.done .setup-rail-node,
.setup-rail-card .setup-rail-step.step-tone-3.current .setup-rail-node{border-color:rgba(255,213,30,.82)!important;color:#ffd51e!important;}
.setup-rail-card .setup-rail-step.step-tone-4.done .setup-rail-node,
.setup-rail-card .setup-rail-step.step-tone-4.current .setup-rail-node{border-color:rgba(34,230,174,.72)!important;color:#6ef3c9!important;}
.setup-rail-card .setup-rail-step.step-tone-5.done .setup-rail-node,
.setup-rail-card .setup-rail-step.step-tone-5.current .setup-rail-node{border-color:rgba(99,132,255,.82)!important;color:#9cb2ff!important;}
.setup-rail-card .setup-rail-step.step-tone-6.done .setup-rail-node,
.setup-rail-card .setup-rail-step.step-tone-6.current .setup-rail-node{border-color:rgba(173,120,255,.82)!important;color:#c6a4ff!important;}
.setup-rail-card .setup-rail-step.step-tone-7.done .setup-rail-node,
.setup-rail-card .setup-rail-step.step-tone-7.current .setup-rail-node{border-color:rgba(255,157,66,.82)!important;color:#ffc38a!important;}
.setup-rail-card .setup-rail-step.step-tone-8.done .setup-rail-node,
.setup-rail-card .setup-rail-step.step-tone-8.current .setup-rail-node{border-color:rgba(255,111,207,.82)!important;color:#ff9de0!important;}
.setup-rail-card .setup-rail-step.step-tone-9.done .setup-rail-node,
.setup-rail-card .setup-rail-step.step-tone-9.current .setup-rail-node{border-color:rgba(39,211,194,.82)!important;color:#7df6e9!important;}
.setup-rail-card .setup-rail-step.current .setup-rail-node{
  box-shadow:0 0 0 5px rgba(255,255,255,.025), 0 12px 30px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045)!important;
}

/* Patch 2.88 - Setup Kategorie-Dropdowns: finaler JS-Fallback nutzt dieselben dunklen Menüs */
.setup-card .nc-final-select,
.setup-card-slim .nc-final-select,
.category-lean-list .nc-final-select{
  position:relative;
  width:100%;
  min-width:0;
}
.setup-card .nc-final-select .nc-js-select-menu,
.setup-card-slim .nc-final-select .nc-js-select-menu,
.category-lean-list .nc-final-select .nc-js-select-menu{
  z-index:300;
}
.setup-card select.nc-select-native-hidden,
.setup-card-slim select.nc-select-native-hidden,
.category-lean-list select.nc-select-native-hidden{
  opacity:0!important;
  pointer-events:none!important;
}
@media(max-width:760px){
  .setup-rail-card .setup-rail-track{
    left:29px!important;
    right:auto!important;
    top:28px!important;
    width:4px!important;
    height:calc(100% - 62px)!important;
  }
}


/* Patch 2.89 - Setup Rail: Segment-Linien nur zwischen den sichtbaren Kacheln */
.setup-rail-card .setup-rail-track{
  display:none!important;
}
.setup-rail-card .setup-rail-steps{
  overflow:visible!important;
}
.setup-rail-card .setup-rail-step{
  isolation:isolate!important;
}
.setup-rail-card .setup-rail-step::after{
  content:none!important;
}
.setup-rail-card .setup-rail-step:not(:last-child)::after{
  content:""!important;
  position:absolute!important;
  top:29px!important;
  left:60px!important;
  width:calc(100% + 26px - 60px)!important;
  height:4px!important;
  border-radius:999px!important;
  background:rgba(31,48,75,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  z-index:0!important;
  pointer-events:none!important;
}
.setup-rail-card .setup-rail-step.done:not(:last-child)::after{
  background:linear-gradient(90deg, var(--step-line-a, rgba(34,230,174,.82)), var(--step-line-b, rgba(25,214,255,.78)))!important;
  box-shadow:0 0 14px var(--step-line-glow, rgba(25,214,255,.26))!important;
}
.setup-rail-card .setup-rail-step.step-tone-1{--step-line-a:rgba(34,230,174,.88);--step-line-b:rgba(25,214,255,.82);--step-line-glow:rgba(25,214,255,.26);}
.setup-rail-card .setup-rail-step.step-tone-2{--step-line-a:rgba(255,77,125,.82);--step-line-b:rgba(25,214,255,.72);--step-line-glow:rgba(255,77,125,.18);}
.setup-rail-card .setup-rail-step.step-tone-3{--step-line-a:rgba(255,213,30,.82);--step-line-b:rgba(25,214,255,.64);--step-line-glow:rgba(255,213,30,.18);}
.setup-rail-card .setup-rail-step.step-tone-4{--step-line-a:rgba(34,230,174,.82);--step-line-b:rgba(255,213,30,.72);--step-line-glow:rgba(34,230,174,.18);}
.setup-rail-card .setup-rail-step.step-tone-5{--step-line-a:rgba(99,132,255,.82);--step-line-b:rgba(39,211,194,.68);--step-line-glow:rgba(99,132,255,.2);}
.setup-rail-card .setup-rail-step.step-tone-6{--step-line-a:rgba(173,120,255,.82);--step-line-b:rgba(255,157,66,.7);--step-line-glow:rgba(173,120,255,.18);}
.setup-rail-card .setup-rail-step.step-tone-7{--step-line-a:rgba(255,157,66,.82);--step-line-b:rgba(255,111,207,.68);--step-line-glow:rgba(255,157,66,.18);}
.setup-rail-card .setup-rail-step.step-tone-8{--step-line-a:rgba(255,111,207,.82);--step-line-b:rgba(39,211,194,.72);--step-line-glow:rgba(255,111,207,.18);}
.setup-rail-card .setup-rail-node{
  position:absolute!important;
  z-index:3!important;
}
.setup-rail-card .setup-rail-title,
.setup-rail-card .setup-rail-desc{
  position:relative!important;
  z-index:3!important;
}
@media(max-width:760px){
  .setup-rail-card .setup-rail-step:not(:last-child)::after{
    top:60px!important;
    left:29px!important;
    width:4px!important;
    height:18px!important;
  }
}

/* Patch 2.91 - Setup Schritt 8 Archiv & PDF neu aufgebaut */
.archive-wizard-redesign{
  border-color:rgba(56,215,255,.20);
  overflow:visible;
}
.archive-wizard-redesign .archive-setup-head{
  align-items:flex-start;
  margin-bottom:20px;
}
.archive-wizard-redesign .archive-setup-head h2{
  margin:0 0 8px;
}
.archive-wizard-redesign .archive-setup-head p{
  margin:0;
  color:#aebbd0;
  line-height:1.45;
  max-width:720px;
}
.archive-wizard-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,380px);
  gap:18px;
  align-items:start;
}
.archive-wizard-main,
.archive-preview-panel{
  display:grid;
  gap:16px;
  min-width:0;
}
.archive-choice-hero{
  border:1px solid rgba(56,215,255,.18);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(7,17,32,.78),rgba(10,23,43,.52));
  padding:18px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
}
.archive-choice-hero.active{
  border-color:rgba(56,215,255,.42);
  background:linear-gradient(145deg,rgba(56,215,255,.10),rgba(37,99,235,.045));
}
.archive-main-switch{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  gap:14px;
  align-items:center;
  margin:0;
  cursor:pointer;
}
.archive-main-switch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.archive-switch-box{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:15px;
  border:1px solid rgba(56,215,255,.28);
  background:rgba(8,17,33,.72);
  box-shadow:0 10px 24px rgba(0,0,0,.24);
}
.archive-switch-icon{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.24);
  color:transparent;
  font-size:.75rem;
  font-weight:950;
}
.archive-main-switch input:checked + .archive-switch-box .archive-switch-icon{
  border-color:rgba(34,230,174,.65);
  color:#22e6ae;
  text-shadow:0 0 14px rgba(34,230,174,.5);
}
.archive-main-switch strong{
  display:block;
  color:#f4f8ff;
  font-size:1.08rem;
  letter-spacing:-.02em;
}
.archive-main-switch small{
  display:block;
  color:#9fb0c8;
  line-height:1.38;
  margin-top:3px;
}
.archive-mini-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.archive-mini-card{
  min-height:92px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:14px;
  border:1px solid rgba(148,163,184,.15);
  border-radius:18px;
  background:rgba(8,17,33,.58);
  cursor:pointer;
  transition:border-color .16s ease, background .16s ease, transform .16s ease;
}
.archive-mini-card:hover{
  border-color:rgba(56,215,255,.34);
  background:rgba(12,27,50,.68);
}
.archive-mini-card input{
  width:17px;
  height:17px;
  margin:3px 0 0;
  accent-color:#38d7ff;
}
.archive-mini-card:has(input:checked){
  border-color:rgba(56,215,255,.42);
  background:linear-gradient(135deg,rgba(56,215,255,.105),rgba(37,99,235,.045));
}
.archive-mini-card strong{
  display:block;
  color:#ecf6ff;
  font-size:.94rem;
  line-height:1.2;
}
.archive-mini-card small{
  display:block;
  color:#93a5bd;
  line-height:1.35;
  margin-top:4px;
  font-size:.8rem;
}
.archive-output-panel,
.archive-preview-card,
.archive-note-soft{
  border:1px solid rgba(56,215,255,.16);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(8,17,33,.66),rgba(10,23,43,.44));
  padding:18px;
}
.archive-output-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.archive-output-head h3{
  margin:0;
  color:#f4f8ff;
  font-size:1.05rem;
}
.archive-output-head span{
  color:#8fa2bb;
  font-size:.78rem;
  font-weight:800;
  border:1px solid rgba(148,163,184,.16);
  border-radius:999px;
  padding:6px 10px;
  background:rgba(8,17,33,.45);
}
.archive-output-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  overflow:visible;
}
.archive-output-grid label{
  min-width:0;
  display:grid;
  gap:7px;
}
.archive-output-grid label > span{
  color:#93a5bd;
  font-size:.78rem;
  font-weight:800;
}
.archive-output-grid label > small{
  color:#71839a;
  font-size:.74rem;
  margin-top:-2px;
}
.archive-output-grid input,
.archive-output-grid select,
.archive-output-grid .nc-js-select-toggle{
  min-height:48px;
  width:100%;
}
.archive-output-grid .nc-js-select{
  width:100%;
}
.archive-output-grid .nc-js-select-menu{
  z-index:90;
}
.archive-preview-card{
  border-color:rgba(255,213,30,.18);
  background:linear-gradient(145deg,rgba(12,19,32,.72),rgba(15,25,43,.46));
}
.archive-preview-top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.archive-preview-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:15px;
  border:1px solid rgba(255,213,30,.35);
  color:#ffe58f;
  font-size:.76rem;
  font-weight:950;
  background:rgba(255,213,30,.07);
}
.archive-preview-top strong{
  color:#f4f8ff;
  font-size:1.05rem;
}
.archive-preview-card p{
  margin:0 0 14px;
  color:#aebbd0;
  line-height:1.42;
}
.archive-preview-list{
  display:grid;
  gap:8px;
}
.archive-preview-list span{
  border:1px solid rgba(148,163,184,.13);
  border-radius:12px;
  padding:9px 10px;
  color:#dbeafe;
  background:rgba(8,17,33,.48);
  font-weight:700;
  font-size:.84rem;
}
.archive-note-soft{
  border-style:dashed;
  border-color:rgba(56,215,255,.18);
}
.archive-note-soft strong{
  display:block;
  color:#d7f7ff;
  margin-bottom:5px;
}
.archive-note-soft span{
  color:#96a9c0;
  line-height:1.42;
  font-size:.86rem;
}
@media(max-width:1100px){
  .archive-wizard-grid{grid-template-columns:1fr;}
  .archive-preview-panel{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .archive-mini-grid,
  .archive-output-grid,
  .archive-preview-panel{grid-template-columns:1fr;}
  .archive-main-switch{grid-template-columns:auto minmax(0,1fr);}
  .archive-main-switch > input{display:none;}
}

/* Patch 2.92 - Archiv & PDF Controls finalisieren */
.archive-wizard-redesign .archive-main-switch{
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
}
.archive-wizard-redesign .archive-main-switch input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
.archive-wizard-redesign .archive-switch-box{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  border:1px solid rgba(56,215,255,.34)!important;
  background:rgba(4,12,24,.38)!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 10px 24px rgba(0,0,0,.22)!important;
}
.archive-wizard-redesign .archive-switch-icon{
  width:20px!important;
  height:20px!important;
  border-radius:999px!important;
  border:1px solid rgba(56,215,255,.50)!important;
  background:transparent!important;
  color:transparent!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  overflow:hidden!important;
  font-size:0!important;
  line-height:1!important;
}
.archive-wizard-redesign .archive-switch-icon::before{
  content:"";
  width:9px;
  height:5px;
  border-left:2px solid transparent;
  border-bottom:2px solid transparent;
  transform:rotate(-45deg) translateY(-1px);
  opacity:0;
}
.archive-wizard-redesign .archive-main-switch input:checked + .archive-switch-box{
  border-color:rgba(34,230,174,.58)!important;
  box-shadow:0 0 0 4px rgba(34,230,174,.06), inset 0 0 18px rgba(34,230,174,.07)!important;
}
.archive-wizard-redesign .archive-main-switch input:checked + .archive-switch-box .archive-switch-icon{
  border-color:rgba(34,230,174,.72)!important;
  box-shadow:0 0 14px rgba(34,230,174,.16)!important;
}
.archive-wizard-redesign .archive-main-switch input:checked + .archive-switch-box .archive-switch-icon::before{
  border-color:#22e6ae;
  opacity:1;
}
.archive-wizard-redesign .archive-mini-card{
  align-items:center!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  border-radius:8px!important;
  border:1px solid rgba(56,215,255,.38)!important;
  background:rgba(4,12,24,.42)!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  flex:0 0 22px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
  cursor:pointer!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]::after{
  content:"";
  width:9px;
  height:5px;
  border-left:2px solid transparent;
  border-bottom:2px solid transparent;
  transform:rotate(-45deg) translateY(-1px);
  opacity:0;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]:checked{
  border-color:rgba(34,230,174,.70)!important;
  background:rgba(4,12,24,.56)!important;
  box-shadow:0 0 0 4px rgba(34,230,174,.055), inset 0 0 18px rgba(34,230,174,.07)!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]:checked::after{
  border-color:#22e6ae;
  opacity:1;
}
.archive-wizard-redesign .archive-output-grid input,
.archive-wizard-redesign .archive-output-grid select,
.archive-wizard-redesign .archive-output-grid .nc-js-select-toggle{
  min-height:50px!important;
  height:50px!important;
  display:flex!important;
  align-items:center!important;
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:1.15!important;
}
.archive-wizard-redesign .archive-output-grid .nc-js-select-toggle span{
  display:block!important;
  line-height:1.15!important;
  transform:none!important;
  margin:0!important;
}
.archive-wizard-redesign .archive-output-grid .nc-js-select-toggle i{
  align-self:center!important;
  margin-top:0!important;
}
.archive-wizard-redesign .archive-output-grid label > span{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:20px!important;
}
.archive-wizard-redesign .archive-output-grid input[name="archive_max_file_mb"]{
  font-variant-numeric:tabular-nums;
}

/* Patch 2.93 - Archiv & PDF Checkboxen/Felder sauber ausrichten */
.archive-wizard-redesign .archive-main-switch{
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
}
.archive-wizard-redesign .archive-switch-box{
  width:46px!important;
  height:46px!important;
  border-radius:14px!important;
  border:1.5px solid rgba(56,215,255,.55)!important;
  background:rgba(4,12,24,.22)!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 0 0 1px rgba(56,215,255,.06) inset,0 10px 22px rgba(0,0,0,.22)!important;
}
.archive-wizard-redesign .archive-switch-icon{
  width:28px!important;
  height:28px!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  display:block!important;
  position:relative!important;
  overflow:visible!important;
  box-shadow:none!important;
}
.archive-wizard-redesign .archive-switch-icon::before{
  content:""!important;
  position:absolute!important;
  left:7px!important;
  top:8px!important;
  width:13px!important;
  height:8px!important;
  border-left:3px solid rgba(56,215,255,.62)!important;
  border-bottom:3px solid rgba(56,215,255,.62)!important;
  transform:rotate(-45deg)!important;
  opacity:.42!important;
  filter:none!important;
}
.archive-wizard-redesign .archive-main-switch input:checked + .archive-switch-box{
  border-color:rgba(34,230,174,.78)!important;
  background:rgba(34,230,174,.045)!important;
  box-shadow:0 0 0 4px rgba(34,230,174,.045),0 0 22px rgba(34,230,174,.10), inset 0 0 18px rgba(34,230,174,.045)!important;
}
.archive-wizard-redesign .archive-main-switch input:checked + .archive-switch-box .archive-switch-icon::before{
  border-color:#22e6ae!important;
  opacity:1!important;
  filter:drop-shadow(0 0 8px rgba(34,230,174,.34))!important;
}
.archive-wizard-redesign .archive-mini-card{
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  min-height:88px!important;
  padding:16px!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
  border-radius:10px!important;
  border:1.5px solid rgba(56,215,255,.52)!important;
  background:rgba(4,12,24,.22)!important;
  display:block!important;
  position:relative!important;
  flex:0 0 34px!important;
  box-shadow:0 0 0 1px rgba(56,215,255,.05) inset!important;
  cursor:pointer!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]::after{
  content:""!important;
  position:absolute!important;
  left:9px!important;
  top:10px!important;
  width:14px!important;
  height:8px!important;
  border-left:3px solid rgba(56,215,255,.60)!important;
  border-bottom:3px solid rgba(56,215,255,.60)!important;
  transform:rotate(-45deg)!important;
  opacity:.36!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]:checked{
  border-color:rgba(34,230,174,.78)!important;
  background:rgba(34,230,174,.045)!important;
  box-shadow:0 0 0 4px rgba(34,230,174,.045),0 0 18px rgba(34,230,174,.10), inset 0 0 18px rgba(34,230,174,.045)!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]:checked::after{
  border-color:#22e6ae!important;
  opacity:1!important;
  filter:drop-shadow(0 0 8px rgba(34,230,174,.34))!important;
}
.archive-wizard-redesign .archive-mini-card strong,
.archive-wizard-redesign .archive-main-switch strong{
  line-height:1.18!important;
}
.archive-wizard-redesign .archive-mini-card small,
.archive-wizard-redesign .archive-main-switch small{
  line-height:1.35!important;
}
.archive-wizard-redesign .archive-output-grid{
  gap:18px 14px!important;
  align-items:start!important;
}
.archive-wizard-redesign .archive-output-grid label{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:0!important;
}
.archive-wizard-redesign .archive-output-grid label > span{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:auto!important;
  height:20px!important;
  margin:0!important;
  line-height:20px!important;
  color:#9fb0c8!important;
}
.archive-wizard-redesign .archive-output-grid label > small{
  min-height:17px!important;
  margin:0!important;
  line-height:17px!important;
  color:#7589a3!important;
}
.archive-wizard-redesign .archive-output-grid input,
.archive-wizard-redesign .archive-output-grid select,
.archive-wizard-redesign .archive-output-grid .nc-js-select-toggle{
  box-sizing:border-box!important;
  height:52px!important;
  min-height:52px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  padding:0 14px!important;
  line-height:52px!important;
  border-radius:15px!important;
}
.archive-wizard-redesign .archive-output-grid input[type="number"]{
  line-height:52px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.archive-wizard-redesign .archive-output-grid .nc-js-select-toggle span{
  display:block!important;
  line-height:1.2!important;
  transform:none!important;
  margin:0!important;
}
.archive-wizard-redesign .archive-output-grid .nc-js-select-toggle i{
  align-self:center!important;
  margin-top:0!important;
}

/* Patch 2.94 - Archiv & PDF: Checkboxen im Stil "17 · Drawn Check" */
.archive-wizard-redesign .archive-main-switch,
.archive-wizard-redesign .archive-mini-card{
  position:relative!important;
}
.archive-wizard-redesign .archive-main-switch{
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
}
.archive-wizard-redesign .archive-switch-box{
  width:36px!important;
  height:36px!important;
  border-radius:10px!important;
  border:2px solid rgba(56,215,255,.68)!important;
  background:rgba(4,12,24,.22)!important;
  display:block!important;
  position:relative!important;
  box-shadow:0 0 0 1px rgba(56,215,255,.05) inset,0 10px 18px rgba(0,0,0,.16)!important;
  overflow:visible!important;
}
.archive-wizard-redesign .archive-switch-icon{
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.archive-wizard-redesign .archive-switch-icon::before,
.archive-wizard-redesign .archive-switch-icon::after{
  content:""!important;
  position:absolute!important;
  display:block!important;
  height:4px!important;
  border:0!important;
  border-radius:999px!important;
  background:#38d7ff!important;
  opacity:0!important;
  box-shadow:0 0 8px rgba(56,215,255,.42)!important;
  transform-origin:left center!important;
}
.archive-wizard-redesign .archive-switch-icon::before{
  left:8px!important;
  top:18px!important;
  width:9px!important;
  transform:rotate(45deg) scaleX(0)!important;
  transition:transform .15s ease, opacity .08s ease!important;
}
.archive-wizard-redesign .archive-switch-icon::after{
  left:14px!important;
  top:21px!important;
  width:19px!important;
  transform:rotate(-48deg) scaleX(0)!important;
  transition:transform .20s .12s ease, opacity .08s .12s ease!important;
}
.archive-wizard-redesign .archive-main-switch input:checked + .archive-switch-box{
  border-color:#38d7ff!important;
  background:rgba(56,215,255,.045)!important;
  box-shadow:0 0 0 4px rgba(56,215,255,.055),0 0 22px rgba(56,215,255,.14),inset 0 0 16px rgba(56,215,255,.035)!important;
}
.archive-wizard-redesign .archive-main-switch input:checked + .archive-switch-box .archive-switch-icon::before,
.archive-wizard-redesign .archive-main-switch input:checked + .archive-switch-box .archive-switch-icon::after{
  opacity:1!important;
}
.archive-wizard-redesign .archive-main-switch input:checked + .archive-switch-box .archive-switch-icon::before{
  transform:rotate(45deg) scaleX(1)!important;
}
.archive-wizard-redesign .archive-main-switch input:checked + .archive-switch-box .archive-switch-icon::after{
  transform:rotate(-48deg) scaleX(1)!important;
}

.archive-wizard-redesign .archive-mini-card{
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  min-height:82px!important;
  padding:15px 16px!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:32px!important;
  height:32px!important;
  margin:0!important;
  flex:0 0 32px!important;
  border-radius:8px!important;
  border:2px solid rgba(56,215,255,.64)!important;
  background:rgba(4,12,24,.22)!important;
  display:block!important;
  position:relative!important;
  cursor:pointer!important;
  overflow:visible!important;
  box-shadow:0 0 0 1px rgba(56,215,255,.045) inset!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]::before,
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]::after{
  content:""!important;
  position:absolute!important;
  display:block!important;
  height:4px!important;
  border:0!important;
  border-radius:999px!important;
  background:#38d7ff!important;
  opacity:0!important;
  box-shadow:0 0 8px rgba(56,215,255,.42)!important;
  transform-origin:left center!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]::before{
  left:7px!important;
  top:16px!important;
  width:8px!important;
  transform:rotate(45deg) scaleX(0)!important;
  transition:transform .15s ease, opacity .08s ease!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]::after{
  left:12px!important;
  top:19px!important;
  width:18px!important;
  transform:rotate(-48deg) scaleX(0)!important;
  transition:transform .20s .12s ease, opacity .08s .12s ease!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]:checked{
  border-color:#38d7ff!important;
  background:rgba(56,215,255,.045)!important;
  box-shadow:0 0 0 4px rgba(56,215,255,.055),0 0 18px rgba(56,215,255,.13),inset 0 0 16px rgba(56,215,255,.035)!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]:checked::before,
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]:checked::after{
  opacity:1!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]:checked::before{
  transform:rotate(45deg) scaleX(1)!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]:checked::after{
  transform:rotate(-48deg) scaleX(1)!important;
}
.archive-wizard-redesign .archive-mini-card strong,
.archive-wizard-redesign .archive-main-switch strong{
  line-height:1.18!important;
  margin:0!important;
}
.archive-wizard-redesign .archive-mini-card small,
.archive-wizard-redesign .archive-main-switch small{
  margin-top:4px!important;
  line-height:1.32!important;
}


/* Patch 2.95 - Archiv & PDF: dunkle Cards, Drawn-Check dezenter */
.archive-wizard-redesign .archive-choice-hero,
.archive-wizard-redesign .archive-mini-card{
  background:linear-gradient(145deg,rgba(7,17,32,.78),rgba(10,23,43,.52))!important;
}
.archive-wizard-redesign .archive-choice-hero.active,
.archive-wizard-redesign .archive-mini-card:has(input:checked){
  background:linear-gradient(145deg,rgba(7,17,32,.80),rgba(10,23,43,.54))!important;
  border-color:rgba(56,215,255,.46)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),0 0 18px rgba(56,215,255,.055)!important;
}
.archive-wizard-redesign .archive-main-switch{
  grid-template-columns:32px minmax(0,1fr)!important;
  gap:14px!important;
}
.archive-wizard-redesign .archive-switch-box{
  width:30px!important;
  height:30px!important;
  border-radius:8px!important;
  border:2px solid rgba(56,215,255,.62)!important;
  background:rgba(4,12,24,.18)!important;
  box-shadow:0 0 0 1px rgba(56,215,255,.035) inset!important;
}
.archive-wizard-redesign .archive-main-switch input:checked + .archive-switch-box{
  background:rgba(4,12,24,.18)!important;
  border-color:#38d7ff!important;
  box-shadow:0 0 0 3px rgba(56,215,255,.045),0 0 16px rgba(56,215,255,.12),inset 0 0 10px rgba(56,215,255,.025)!important;
}
.archive-wizard-redesign .archive-switch-icon::before,
.archive-wizard-redesign .archive-switch-icon::after{
  height:3px!important;
  background:#38d7ff!important;
  box-shadow:0 0 7px rgba(56,215,255,.38)!important;
}
.archive-wizard-redesign .archive-switch-icon::before{
  left:7px!important;
  top:15px!important;
  width:7px!important;
}
.archive-wizard-redesign .archive-switch-icon::after{
  left:12px!important;
  top:17px!important;
  width:16px!important;
}
.archive-wizard-redesign .archive-mini-card{
  grid-template-columns:30px minmax(0,1fr)!important;
  min-height:78px!important;
  padding:14px 15px!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  border-radius:7px!important;
  border:2px solid rgba(56,215,255,.58)!important;
  background:rgba(4,12,24,.18)!important;
  box-shadow:0 0 0 1px rgba(56,215,255,.035) inset!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]:checked{
  background:rgba(4,12,24,.18)!important;
  border-color:#38d7ff!important;
  box-shadow:0 0 0 3px rgba(56,215,255,.045),0 0 14px rgba(56,215,255,.12),inset 0 0 10px rgba(56,215,255,.025)!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]::before,
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]::after{
  height:3px!important;
  background:#38d7ff!important;
  box-shadow:0 0 7px rgba(56,215,255,.38)!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]::before{
  left:6px!important;
  top:14px!important;
  width:7px!important;
}
.archive-wizard-redesign .archive-mini-card input[type="checkbox"]::after{
  left:11px!important;
  top:16px!important;
  width:15px!important;
}
.archive-wizard-redesign .archive-main-switch small,
.archive-wizard-redesign .archive-mini-card small{
  color:#9fb0c8!important;
}


/* Patch 2.96 - Archiv & PDF: Master-Schalter deaktiviert abhängige Optionen sauber */
.archive-wizard-redesign .is-archive-disabled{
  opacity:.48!important;
  filter:saturate(.55)!important;
  pointer-events:none!important;
}
.archive-wizard-redesign .is-archive-disabled .archive-mini-card,
.archive-wizard-redesign .archive-output-panel.is-archive-disabled{
  border-color:rgba(128,149,174,.18)!important;
  background:linear-gradient(145deg,rgba(6,14,27,.72),rgba(9,18,32,.46))!important;
  box-shadow:none!important;
}
.archive-wizard-redesign .is-archive-disabled .archive-mini-card strong,
.archive-wizard-redesign .is-archive-disabled .archive-mini-card small,
.archive-wizard-redesign .archive-output-panel.is-archive-disabled label > span,
.archive-wizard-redesign .archive-output-panel.is-archive-disabled label > small{
  color:#738298!important;
}
.archive-wizard-redesign .is-archive-disabled .archive-mini-card input[type="checkbox"]{
  border-color:rgba(115,130,152,.42)!important;
  background:rgba(4,12,24,.16)!important;
  box-shadow:none!important;
}
.archive-wizard-redesign .is-archive-disabled .archive-mini-card input[type="checkbox"]::before,
.archive-wizard-redesign .is-archive-disabled .archive-mini-card input[type="checkbox"]::after{
  opacity:0!important;
  transform:rotate(45deg) scaleX(0)!important;
}
.archive-wizard-redesign .archive-output-panel.is-archive-disabled input,
.archive-wizard-redesign .archive-output-panel.is-archive-disabled select,
.archive-wizard-redesign .archive-output-panel.is-archive-disabled .nc-js-select-toggle{
  color:#6f7f96!important;
  border-color:rgba(115,130,152,.22)!important;
  background:rgba(4,10,20,.38)!important;
  box-shadow:none!important;
}
.archive-wizard-redesign .nc-js-select.is-disabled{
  pointer-events:none!important;
  opacity:.82!important;
}
.archive-wizard-redesign.archive-disabled .archive-preview-card{
  opacity:.62!important;
  filter:saturate(.65)!important;
}

/* Patch 3.05 · Ticket Panel Zielbereich */
.panel-target-top-card{
  border-color:rgba(34,211,238,.24)!important;
  background:linear-gradient(145deg,rgba(10,22,39,.92),rgba(12,22,38,.74))!important;
}
.panel-target-top-card[open]{
  box-shadow:0 18px 48px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.02)!important;
}
.panel-target-compact-grid{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) minmax(220px,1fr)!important;
  gap:18px!important;
  align-items:end!important;
}
.panel-target-compact-grid label{
  min-width:0!important;
}
.panel-target-compact-grid .auto-create-toggle{
  grid-column:1 / -1!important;
  align-self:center!important;
}
.panel-target-compact-grid input,
.panel-target-compact-grid select{
  min-height:52px!important;
}
@media(max-width:920px){
  .panel-target-compact-grid{grid-template-columns:1fr!important;}
}

/* Patch 3.06 - Premium branding badge */
.badge.premium {
  border-color: rgba(245, 185, 66, .38);
  background: rgba(245, 185, 66, .10);
  color: #ffe7a6;
}

/* Patch 3.09 · NexCore Admin DB tools */
.admin-control-page{display:grid;gap:18px}.admin-hero-card{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.admin-hero-badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.admin-danger-note{border-color:rgba(255,205,64,.42);background:linear-gradient(135deg,rgba(255,205,64,.09),rgba(255,100,121,.05))}.admin-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-search-card{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:end;padding:18px}.admin-search-card label{display:grid;gap:8px}.admin-search-card label span{color:var(--muted,#9aa8bd);font-weight:800;font-size:.86rem}.admin-search-card input{width:100%;min-height:50px;border:1px solid rgba(56,215,255,.22);border-radius:14px;background:rgba(5,12,24,.72);color:#f4f8ff;padding:0 15px;outline:none}.admin-search-card input:focus{border-color:rgba(56,215,255,.75);box-shadow:0 0 0 4px rgba(56,215,255,.08)}.admin-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-table-card{padding:18px;min-width:0}.admin-list{display:grid;gap:10px;margin-top:14px}.admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid rgba(56,215,255,.15);border-radius:18px;background:rgba(6,14,27,.58);padding:14px}.admin-row.is-protected{border-color:rgba(33,224,170,.26);background:rgba(33,224,170,.05)}.admin-row-main{display:grid;gap:4px;min-width:0}.admin-row-main strong{font-size:1rem;color:#f5f8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-row-main small,.admin-row-main span,.admin-row-meta small{color:#91a2b8}.admin-row-main span{font-size:.82rem}.admin-row-meta{min-width:130px;text-align:right;display:grid;gap:4px}.admin-row-meta.wide{min-width:150px}.admin-row-meta strong{font-size:.92rem;color:#dcecff}.admin-danger-form{display:flex;justify-content:flex-end}.admin-danger-form .btn{white-space:nowrap}.admin-empty{border:1px dashed rgba(148,163,184,.22);border-radius:16px;padding:20px;color:#9aa8bd;background:rgba(5,12,24,.35)}
@media(max-width:1180px){.admin-grid-two{grid-template-columns:1fr}.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-row{grid-template-columns:1fr}.admin-row-meta{text-align:left}.admin-danger-form{justify-content:flex-start}}
@media(max-width:720px){.admin-search-card{grid-template-columns:1fr}.admin-hero-card{display:grid}.admin-stats-grid{grid-template-columns:1fr}}

/* Patch 3.11 · NexCore Admin sichtbar + robust */
.nc-platform-admin-page,
.admin-control-page{
  display:grid !important;
  gap:18px !important;
  width:100% !important;
  max-width:1500px !important;
  margin:0 auto 80px !important;
  opacity:1 !important;
  visibility:visible !important;
}
.nc-admin-hero{
  display:flex !important;
  justify-content:space-between;
  align-items:flex-start;
  gap:22px;
  min-height:0 !important;
}
.nc-admin-hero h2{margin:.25rem 0 .45rem;font-size:clamp(28px,3.2vw,44px);letter-spacing:-.04em}
.nc-admin-hero p:not(.eyebrow){max-width:760px;color:var(--muted,#9fb0c6);line-height:1.45}
.admin-hero-badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.admin-danger-note{border-color:rgba(255,205,64,.42) !important;background:linear-gradient(135deg,rgba(255,205,64,.09),rgba(255,100,121,.05)) !important}
.nc-admin-stats,.admin-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
.nc-admin-search-card,.admin-search-card{display:grid !important;grid-template-columns:1fr auto auto;gap:12px;align-items:end;padding:18px !important}
.nc-admin-search-card label,.admin-search-card label{display:grid;gap:8px}
.nc-admin-search-card label span,.admin-search-card label span{color:var(--muted,#9aa8bd);font-weight:800;font-size:.86rem}
.nc-admin-search-card input,.admin-search-card input{width:100%;min-height:50px;border:1px solid rgba(56,215,255,.22);border-radius:14px;background:rgba(5,12,24,.72);color:#f4f8ff;padding:0 15px;outline:none}
.nc-admin-search-card input:focus,.admin-search-card input:focus{border-color:rgba(56,215,255,.75);box-shadow:0 0 0 4px rgba(56,215,255,.08)}
.nc-admin-grid-two,.admin-grid-two{display:grid !important;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.admin-table-card{padding:18px !important;min-width:0;overflow:hidden}
.nc-admin-list,.admin-list{display:grid !important;gap:10px;margin-top:14px}
.admin-row{display:grid !important;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid rgba(56,215,255,.15);border-radius:18px;background:rgba(6,14,27,.58);padding:14px}
.admin-row.is-protected{border-color:rgba(33,224,170,.26);background:rgba(33,224,170,.05)}
.admin-row-main{display:grid;gap:4px;min-width:0}.admin-row-main strong{font-size:1rem;color:#f5f8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-row-main small,.admin-row-main span,.admin-row-meta small{color:#91a2b8}.admin-row-main span{font-size:.82rem}.admin-row-meta{min-width:130px;text-align:right;display:grid;gap:4px}.admin-row-meta.wide{min-width:180px}.admin-row-meta strong{font-size:.92rem;color:#dcecff}.admin-danger-form{display:flex;justify-content:flex-end}.admin-danger-form .btn{white-space:nowrap}.admin-empty{border:1px dashed rgba(148,163,184,.22);border-radius:16px;padding:20px;color:#9aa8bd;background:rgba(5,12,24,.35)}
@media(max-width:1180px){.nc-admin-grid-two,.admin-grid-two{grid-template-columns:1fr !important}.nc-admin-stats,.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.admin-row{grid-template-columns:1fr !important}.admin-row-meta{text-align:left}.admin-danger-form{justify-content:flex-start}.nc-admin-search-card,.admin-search-card{grid-template-columns:1fr !important}.nc-admin-hero{display:grid !important}.admin-hero-badges{justify-content:flex-start}}

/* Patch 3.11 Core-Fix: Account/Team Copy & Invite Flow */
.account-menu-copy-id,
.admin-copy-mini {
  border: 1px solid rgba(56, 215, 255, .28);
  background: rgba(5, 17, 34, .58);
  color: #dff7ff;
  border-radius: 14px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 9px;
  font-weight: 850;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}
.account-menu-copy-id:hover,
.admin-copy-mini:hover,
.account-menu-copy-id.copied,
.admin-copy-mini.copied {
  border-color: rgba(56, 215, 255, .72);
  box-shadow: inset 0 0 18px rgba(56, 215, 255, .10), 0 0 18px rgba(56, 215, 255, .12);
  background: rgba(10, 39, 63, .68);
}
.account-menu-copy-id { width: 100%; justify-content: flex-start; }
.admin-copy-line { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.admin-copy-mini { padding: 5px 9px; border-radius: 999px; font-size: 12px; line-height: 1; }
.account-home-invite-row button {
  border: 1px solid rgba(56, 215, 255, .42);
  background: rgba(12, 47, 75, .68);
  color: #f2fbff;
  border-radius: 999px;
  padding: 9px 13px;
  font-weight: 900;
  cursor: pointer;
}
.account-home-invite-row button:hover { box-shadow: inset 0 0 18px rgba(56, 215, 255, .16), 0 0 20px rgba(56, 215, 255, .12); }
.account-home-alert.success {
  margin: 0 0 18px;
  padding: 12px 14px;
  border: 1px solid rgba(40, 235, 183, .34);
  border-radius: 16px;
  background: rgba(8, 55, 45, .42);
  color: #dafef4;
}

/* Patch 3.13: Team-ID sauber im Team-Bereich + Invite-Absender */
.team-own-id-copy{
  margin:12px 0 4px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(56,215,255,.20);
  background:rgba(3,12,24,.34);
  border-radius:16px;
  padding:12px 14px;
}
.team-own-id-copy strong{display:block;color:#eef8ff;font-weight:950;font-size:.92rem}
.team-own-id-copy small{display:block;color:#97a9bf;margin-top:2px;font-weight:800;letter-spacing:.02em}
.team-own-id-copy button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:0 13px;
  border-radius:999px;
  border:1px solid rgba(56,215,255,.38);
  background:rgba(10,39,63,.44);
  color:#eaffff;
  font-weight:900;
  cursor:pointer;
}
.team-own-id-copy button:hover{border-color:rgba(56,215,255,.78);box-shadow:inset 0 0 18px rgba(56,215,255,.12),0 0 18px rgba(56,215,255,.10)}
.account-home-invite-person{
  display:flex !important;
  align-items:center;
  gap:10px;
  min-width:0;
}
.team-mini-avatar{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:inline-grid;
  place-items:center;
  border-radius:13px;
  border:1px solid rgba(56,215,255,.34);
  background:rgba(56,215,255,.10);
  color:#dff8ff;
  font-style:normal;
  font-weight:1000;
  overflow:hidden;
}
.team-mini-avatar.image img,
.team-member-avatar.image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.account-home-invite-person > span{min-width:0}
.account-home-invite-person strong,
.account-home-invite-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:720px){
  .team-own-id-copy{align-items:stretch;flex-direction:column}
  .team-own-id-copy button{width:100%}
}


/* Patch 3.13: Account-Start Einladung zweizeilig, damit Name + Avatar nicht abgeschnitten werden */
.account-home-invite-list.compact .account-home-invite-row{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:12px;
  padding:12px;
}
.account-home-invite-list.compact .account-home-invite-person{
  width:100%;
  display:flex !important;
  align-items:center;
  gap:10px;
}
.account-home-invite-list.compact .account-home-invite-person > span{
  display:block;
  min-width:0;
}
.account-home-invite-list.compact .account-home-invite-person strong{
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.account-home-invite-list.compact .account-home-invite-person small{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.22;
}
.account-home-invite-list.compact .account-home-invite-row button{
  width:100%;
  min-height:42px;
  justify-content:center;
}


/* Patch 3.36a · Claim-Sperre wieder als ruhige, kompakte Matrix darstellen. */
.claim-lock-config {
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid rgba(57, 214, 255, .18);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(57, 214, 255, .035), transparent 38%),
    rgba(5, 17, 30, .48);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.claim-lock-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px 15px;
}

.claim-lock-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  flex: 0 0 38px;
  border: 1px solid rgba(57, 214, 255, .24);
  border-radius: 12px;
  background: rgba(57, 214, 255, .065);
  color: #56ddff;
  box-shadow: inset 0 0 18px rgba(57, 214, 255, .035);
}

.claim-lock-icon svg {
  width: 19px !important;
  height: 19px !important;
  max-width: 19px !important;
  max-height: 19px !important;
  flex: 0 0 19px;
}

.claim-lock-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.claim-lock-copy strong {
  color: #edf8ff;
  font-size: 13px;
  line-height: 1.25;
}

.claim-lock-copy small {
  color: #8ea2ba;
  font-size: 11px;
  line-height: 1.4;
}

.claim-lock-master {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 36px;
  padding: 6px 10px 6px 7px;
  border: 1px solid rgba(128, 151, 181, .20);
  border-radius: 999px;
  background: rgba(8, 22, 38, .68);
  color: #aebdd0;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
  user-select: none;
  transition: border-color .16s ease, background .16s ease, color .16s ease;
}

.claim-lock-master input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.claim-lock-switch {
  position: relative;
  width: 38px;
  height: 22px;
  flex: 0 0 auto;
  border: 1px solid rgba(132, 151, 181, .30);
  border-radius: 999px;
  background: #142238;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .32);
  transition: background .16s ease, border-color .16s ease;
}

.claim-lock-switch::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #8ea2ba;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .35);
  transition: transform .16s ease, background .16s ease;
}

.claim-lock-master input:checked + .claim-lock-switch {
  border-color: rgba(57, 214, 255, .68);
  background: linear-gradient(90deg, #087fa5, #22bfe5);
}

.claim-lock-master input:checked + .claim-lock-switch::after {
  transform: translateX(16px);
  background: #fff;
}

.claim-lock-master:has(input:checked) {
  border-color: rgba(57, 214, 255, .34);
  background: rgba(57, 214, 255, .075);
  color: #e9fbff;
}

.claim-lock-role-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 12px 15px;
  border-top: 1px solid rgba(128, 151, 181, .12);
  border-bottom: 1px solid rgba(128, 151, 181, .12);
  background: rgba(3, 12, 23, .22);
}

.claim-lock-role-title {
  color: #93a7bf;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.claim-lock-ranks {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

.claim-lock-ranks label {
  position: relative;
  min-width: 0;
  cursor: pointer;
}

.claim-lock-ranks input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.claim-lock-rank-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  min-height: 34px;
  padding: 7px 9px;
  border: 1px solid rgba(128, 151, 181, .18);
  border-radius: 10px;
  background: rgba(8, 22, 38, .72);
  color: #aebdd0;
  font-size: 11px;
  font-weight: 850;
  text-align: center;
  transition: border-color .16s ease, background .16s ease, color .16s ease;
}

.claim-lock-rank-box > span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.claim-lock-rank-check {
  display: grid;
  width: 16px;
  height: 16px;
  place-items: center;
  flex: 0 0 16px;
  border: 1px solid rgba(128, 151, 181, .30);
  border-radius: 5px;
  background: rgba(3, 10, 20, .40);
  color: transparent;
  font-size: 10px;
  line-height: 1;
}

.claim-lock-ranks input:checked + .claim-lock-rank-box {
  border-color: rgba(57, 214, 255, .42);
  background: rgba(57, 214, 255, .085);
  color: #e9fbff;
}

.claim-lock-ranks input:checked + .claim-lock-rank-box .claim-lock-rank-check {
  border-color: #39d6ff;
  background: #39d6ff;
  color: #06111c;
  box-shadow: 0 0 12px rgba(57, 214, 255, .16);
}

.claim-lock-note {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 15px 11px;
  color: #8094ae;
  font-size: 10px;
  line-height: 1.4;
}

.claim-lock-note > span {
  display: grid;
  width: 17px;
  height: 17px;
  place-items: center;
  flex: 0 0 17px;
  border: 1px solid rgba(57, 214, 255, .28);
  border-radius: 50%;
  color: #57dcff;
  font-size: 10px;
  font-weight: 950;
}

.claim-lock-note p {
  margin: 0;
}

.claim-lock-config.plan-feature-gated.is-locked {
  filter: none;
}

@media (max-width: 820px) {
  .claim-lock-role-row {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .claim-lock-ranks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .claim-lock-head {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .claim-lock-master {
    grid-column: 1 / -1;
    justify-self: stretch;
    justify-content: center;
  }
}

/* Patch 3.36b · alle planabhängigen Detailbereiche starten ruhig eingeklappt. */
.claim-lock-config > summary {
  list-style: none;
  cursor: pointer;
}

.claim-lock-config > summary::-webkit-details-marker {
  display: none;
}

.claim-lock-config[open] > .claim-lock-head {
  border-bottom: 1px solid rgba(128, 151, 181, .12);
  background: rgba(57, 214, 255, .025);
}

.claim-lock-summary-state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid rgba(128, 151, 181, .20);
  border-radius: 999px;
  color: #9fb1c7;
  background: rgba(6, 15, 28, .55);
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}

.claim-lock-body {
  display: grid;
}

.claim-lock-master-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 15px;
  background: rgba(3, 12, 23, .14);
}

.claim-lock-master-row > span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.claim-lock-master-row > span strong {
  color: #eaf6ff;
  font-size: 12px;
}

.claim-lock-master-row > span small {
  color: #8397af;
  font-size: 10px;
  line-height: 1.35;
}

/* Native Checkboxen dürfen die eigenen NexCore-Schalter niemals überlagern. */
.claim-lock-master > input,
.claim-lock-ranks label > input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  opacity: 0 !important;
  appearance: none !important;
  pointer-events: none !important;
  white-space: nowrap !important;
}

@media (max-width: 560px) {
  .claim-lock-master-row {
    align-items: stretch;
    flex-direction: column;
  }

  .claim-lock-master-row .claim-lock-master {
    justify-content: center;
  }
}

/* Patch 3.40c - Hinweise & Aufgaben im Kopfbereich */
.nc-notification-menu {
  position: relative;
  z-index: 34;
}

.nc-notification-trigger {
  position: relative;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  list-style: none;
  cursor: pointer;
  border-radius: 15px;
  border: 1px solid rgba(148, 163, 184, .18);
  background:
    radial-gradient(circle at 30% 20%, rgba(56, 215, 255, .12), transparent 42%),
    linear-gradient(180deg, rgba(15, 23, 42, .88), rgba(7, 12, 24, .95));
  color: rgba(219, 234, 254, .90);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 26px rgba(0,0,0,.18);
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.nc-notification-trigger::-webkit-details-marker {
  display: none;
}

.nc-notification-trigger .nc-ui-icon {
  width: 20px;
  height: 20px;
}

.nc-notification-menu[open] .nc-notification-trigger,
.nc-notification-trigger:hover {
  border-color: rgba(56, 215, 255, .52);
  background:
    radial-gradient(circle at 30% 20%, rgba(56, 215, 255, .20), transparent 44%),
    linear-gradient(180deg, rgba(16, 31, 55, .96), rgba(8, 17, 33, .98));
  color: #fff;
}

.nc-notification-menu.has-open-items .nc-notification-trigger {
  border-color: rgba(251, 191, 36, .48);
  color: #fde68a;
}

.nc-notification-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 2px solid #071125;
  background: linear-gradient(135deg, #f59e0b, #fb7185);
  color: #08101f;
  font-size: 10px;
  line-height: 1;
  font-weight: 1000;
  box-shadow: 0 5px 14px rgba(245, 158, 11, .30);
}

.nc-notification-panel {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  width: min(390px, calc(100vw - 32px));
  padding: 10px;
  border-radius: 20px;
  border: 1px solid rgba(56, 215, 255, .18);
  background:
    radial-gradient(circle at 100% 0%, rgba(56, 215, 255, .10), transparent 38%),
    linear-gradient(180deg, rgba(15, 23, 42, .99), rgba(6, 12, 24, .99));
  box-shadow: 0 24px 60px rgba(0,0,0,.48);
}

.nc-notification-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 10px 12px;
  border-bottom: 1px solid rgba(148, 163, 184, .12);
}

.nc-notification-head div {
  display: grid;
  gap: 3px;
}

.nc-notification-head span {
  color: rgba(159, 176, 198, .84);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.nc-notification-head strong {
  color: #f8fbff;
  font-size: 15px;
  font-weight: 1000;
}

.nc-notification-head > .nc-ui-icon {
  width: 19px;
  height: 19px;
  color: rgba(56, 215, 255, .72);
}

.nc-notification-list {
  display: grid;
  gap: 8px;
  padding-top: 9px;
}

.nc-notification-item {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  padding: 11px;
  border-radius: 15px;
  border: 1px solid rgba(148, 163, 184, .13);
  background: rgba(2, 8, 20, .34);
  color: #eef6ff;
  text-decoration: none;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.nc-notification-item:hover {
  transform: translateY(-1px);
  border-color: rgba(56, 215, 255, .34);
  background: rgba(56, 215, 255, .07);
}

.nc-notification-item.warning.is-open {
  border-color: rgba(251, 191, 36, .28);
  background: linear-gradient(135deg, rgba(245, 158, 11, .08), rgba(2, 8, 20, .34));
}

.nc-notification-item.danger.is-open {
  border-color: rgba(251, 113, 133, .30);
  background: linear-gradient(135deg, rgba(244, 63, 94, .08), rgba(2, 8, 20, .34));
}

.nc-notification-item-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  border: 1px solid rgba(56, 215, 255, .22);
  background: rgba(56, 215, 255, .08);
  color: #67e8f9;
}

.nc-notification-item.warning .nc-notification-item-icon {
  border-color: rgba(251, 191, 36, .30);
  background: rgba(245, 158, 11, .10);
  color: #fde68a;
}

.nc-notification-item.danger .nc-notification-item-icon {
  border-color: rgba(251, 113, 133, .30);
  background: rgba(244, 63, 94, .10);
  color: #fda4af;
}

.nc-notification-item-icon .nc-ui-icon {
  width: 18px;
  height: 18px;
}

.nc-notification-item-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.nc-notification-item-copy strong {
  color: #f8fbff;
  font-size: 13px;
  font-weight: 1000;
}

.nc-notification-item-copy small {
  color: rgba(180, 198, 222, .82);
  font-size: 11px;
  line-height: 1.48;
}

.nc-notification-item-copy em {
  margin-top: 2px;
  color: #67e8f9;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
}

.nc-notification-item.warning .nc-notification-item-copy em {
  color: #fde68a;
}

.nc-notification-item.danger .nc-notification-item-copy em {
  color: #fda4af;
}

.nc-notification-empty {
  display: grid;
  justify-items: center;
  gap: 6px;
  padding: 24px 18px 20px;
  text-align: center;
}

.nc-notification-empty > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  border: 1px solid rgba(52, 211, 153, .24);
  background: rgba(16, 185, 129, .08);
  color: #6ee7b7;
}

.nc-notification-empty .nc-ui-icon {
  width: 20px;
  height: 20px;
}

.nc-notification-empty strong {
  color: #f8fbff;
  font-size: 13px;
}

.nc-notification-empty small {
  max-width: 280px;
  color: rgba(159, 176, 198, .80);
  font-size: 11px;
  line-height: 1.5;
}

.account-user-section-label {
  display: block;
  padding: 5px 10px 4px;
  color: rgba(125, 211, 252, .68);
  font-size: 9px;
  font-weight: 1000;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.account-user-panel a.active {
  background: rgba(56, 215, 255, .12);
  color: #fff;
}

.account-menu-event-badge {
  margin-left: auto;
  padding: 3px 7px;
  border-radius: 999px;
  border: 1px solid rgba(251, 191, 36, .28);
  background: rgba(245, 158, 11, .10);
  color: #fde68a;
  font-size: 9px;
  font-style: normal;
  font-weight: 1000;
  letter-spacing: .04em;
  text-transform: uppercase;
}

@media (max-width: 860px) {
  .nc-notification-panel {
    right: -62px;
  }
}

@media (max-width: 620px) {
  .nc-notification-trigger {
    width: 40px;
    height: 40px;
    border-radius: 14px;
  }
  .nc-notification-panel {
    position: fixed;
    top: 74px;
    left: 12px;
    right: 12px;
    width: auto;
    max-height: calc(100vh - 92px);
    overflow: auto;
  }
}


/* Patch 3.42 · UI-Fehler & Bedienbarkeit
   - Hilfetexte werden in einer freien Body-Ebene angezeigt und nie von Cards abgeschnitten.
   - Button-Karten sind kompakte, gespeicherte Accordions.
   - Mehrfachauswahl bleibt im sichtbaren Bereich. */

/* Alte Pseudo-Tooltips deaktivieren; die JS-Ebene übernimmt Position und Barrierefreiheit. */
.help-dot::after,
.team-info-dot::after,
[data-tip]::after {
  content: none !important;
  display: none !important;
}

.nc-help-tooltip {
  position: fixed;
  z-index: 30000;
  width: max-content;
  max-width: min(360px, calc(100vw - 24px));
  padding: 11px 13px;
  border: 1px solid rgba(56, 215, 255, .36);
  border-radius: 13px;
  background: linear-gradient(180deg, rgba(12, 25, 45, .99), rgba(6, 13, 26, .99));
  color: #edf7ff;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .58), 0 0 24px rgba(56, 215, 255, .10);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
  white-space: normal;
  overflow-wrap: anywhere;
  pointer-events: none;
}
.nc-help-tooltip[hidden] { display: none !important; }
.nc-help-tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 10px;
  height: 10px;
  border-left: 1px solid rgba(56, 215, 255, .36);
  border-top: 1px solid rgba(56, 215, 255, .36);
  background: #09172b;
}
.nc-help-tooltip[data-placement="top"]::after {
  bottom: -6px;
  transform: translateX(-50%) rotate(225deg);
}
.nc-help-tooltip[data-placement="bottom"]::after {
  top: -6px;
  transform: translateX(-50%) rotate(45deg);
}
.help-dot:focus-visible,
.team-info-dot:focus-visible {
  outline: 2px solid rgba(56, 215, 255, .85);
  outline-offset: 3px;
}

/* Ticket-Panel: vorhandene Buttons bleiben kompakt, nur der bearbeitete Button öffnet sich breit. */
.ticket-panel-admin .panel-button-collapse {
  padding: 0 !important;
  display: block !important;
  overflow: hidden;
  align-self: start;
}
.ticket-panel-admin .panel-button-collapse > summary::-webkit-details-marker { display: none; }
.ticket-panel-admin .panel-button-collapse > summary { list-style: none; }
.ticket-panel-admin .panel-button-edit-summary {
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 15px;
  cursor: pointer;
  user-select: none;
}
.ticket-panel-admin .panel-button-edit-summary:hover {
  background: rgba(56, 215, 255, .035);
}
.ticket-panel-admin .panel-button-summary-main,
.ticket-panel-admin .panel-button-summary-meta {
  display: flex;
  align-items: center;
  min-width: 0;
}
.ticket-panel-admin .panel-button-summary-main { gap: 11px; }
.ticket-panel-admin .panel-button-summary-main > span {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.ticket-panel-admin .panel-button-summary-main strong {
  min-width: 0;
  overflow: hidden;
  color: #edf7ff;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ticket-panel-admin .panel-button-summary-main small {
  overflow: hidden;
  color: #8296b2;
  font-size: .78rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ticket-panel-admin .panel-button-summary-meta {
  flex: 0 0 auto;
  gap: 9px;
  color: #91a5c0;
  font-size: .79rem;
  font-weight: 850;
}
.ticket-panel-admin .panel-button-visibility-state,
.ticket-panel-admin .panel-button-summary-meta > span {
  padding: 5px 9px;
  border: 1px solid rgba(124, 145, 181, .20);
  border-radius: 999px;
  background: rgba(7, 15, 29, .62);
}
.ticket-panel-admin .panel-button-visibility-state.is-visible {
  border-color: rgba(56, 215, 255, .30);
  color: #94f1ff;
}
.ticket-panel-admin .panel-button-visibility-state.is-hidden {
  color: #8795aa;
  opacity: .82;
}
.ticket-panel-admin .panel-button-chevron {
  width: 9px;
  height: 9px;
  border-right: 2px solid #62dff6;
  border-bottom: 2px solid #62dff6;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .18s ease;
}
.ticket-panel-admin .panel-button-collapse[open] > .panel-button-edit-summary {
  border-bottom: 1px solid rgba(124, 145, 181, .13);
  background: rgba(56, 215, 255, .025);
}
.ticket-panel-admin .panel-button-collapse[open] .panel-button-chevron {
  transform: rotate(225deg) translate(-2px, -1px);
}
.ticket-panel-admin .panel-button-edit-body {
  display: grid;
  gap: 13px;
  padding: 15px;
}
.ticket-panel-admin .panel-button-collapse:not([open]) > .panel-button-edit-body {
  display: none !important;
}
.ticket-panel-admin .panel-button-collapse[open] {
  grid-column: 1 / -1;
  border-color: rgba(56, 215, 255, .32);
  background: linear-gradient(180deg, rgba(10, 24, 44, .82), rgba(7, 14, 27, .74));
}
.ticket-panel-admin .panel-button-visible-toggle {
  width: fit-content;
  justify-self: start;
  margin: 0;
}
.ticket-panel-admin .panel-button-add-card.panel-button-collapse[open] {
  border-color: rgba(34, 197, 94, .38);
}
@media (max-width: 720px) {
  .ticket-panel-admin .panel-button-edit-summary { align-items: flex-start; }
  .ticket-panel-admin .panel-button-summary-meta > span { display: none; }
  .ticket-panel-admin .panel-button-summary-main small { white-space: normal; }
}

/* Discord-Formularvorschau: Auswahlmenü begrenzen und bei wenig Platz nach oben öffnen. */
.ticket-types-rules-only .discord-form-field.is-dropdown-preview .discord-select-menu-preview,
.discord-form-field.is-dropdown-preview .discord-select-menu-preview {
  max-height: var(--nc-preview-select-max-height, 220px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(88, 101, 242, .75) rgba(30, 31, 34, .72);
}
.ticket-types-rules-only .discord-form-field.is-dropdown-preview.is-dropup .discord-select-menu-preview,
.discord-form-field.is-dropdown-preview.is-dropup .discord-select-menu-preview {
  top: auto !important;
  bottom: calc(100% + 6px) !important;
  transform-origin: bottom center;
}
.ticket-types-rules-only .discord-form-field.is-dropdown-preview.is-open,
.discord-form-field.is-dropdown-preview.is-open {
  z-index: 1200 !important;
}


/* Patch 3.42a - Formularvorschau: Dropdown als echtes Viewport-Overlay. */
.ticket-types-rules-only .discord-form-field.is-dropdown-preview,
.discord-form-field.is-dropdown-preview {
  position: relative !important;
  overflow: visible !important;
}
.ticket-types-rules-only .discord-form-field.is-dropdown-preview .discord-select-menu-preview,
.discord-form-field.is-dropdown-preview .discord-select-menu-preview {
  display: none !important;
  position: fixed !important;
  inset: auto !important;
  left: var(--nc-preview-select-left, 12px) !important;
  top: var(--nc-preview-select-top, 12px) !important;
  width: var(--nc-preview-select-width, 280px) !important;
  min-width: 0 !important;
  max-width: calc(100vw - 24px) !important;
  max-height: var(--nc-preview-select-max-height, 220px) !important;
  margin: 0 !important;
  z-index: 2147483000 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .48) !important;
}
.ticket-types-rules-only .discord-form-field.is-dropdown-preview.is-open .discord-select-menu-preview,
.discord-form-field.is-dropdown-preview.is-open .discord-select-menu-preview {
  display: block !important;
}
.ticket-types-rules-only .discord-form-field.is-dropdown-preview.is-dropup .discord-select-menu-preview,
.discord-form-field.is-dropdown-preview.is-dropup .discord-select-menu-preview {
  bottom: auto !important;
  transform-origin: bottom center;
}

/* Patch 3.42b - Auswahlmenü wird beim Öffnen direkt an <body> gehängt.
   Dadurch kann keine Vorschau-Karte oder Grid-Spalte den Klick bzw. das Menü abschneiden. */
.discord-select-menu-preview.is-preview-select-portal {
  display: block !important;
  position: fixed !important;
  inset: auto !important;
  left: var(--nc-preview-select-left, 12px) !important;
  top: var(--nc-preview-select-top, 12px) !important;
  width: var(--nc-preview-select-width, 280px) !important;
  min-width: 0 !important;
  max-width: calc(100vw - 24px) !important;
  max-height: var(--nc-preview-select-max-height, 220px) !important;
  margin: 0 !important;
  z-index: 2147483646 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Patch 3.47a · Konto-Kopieren und Planfarben */
.account-status-pill.plan.plan-plus{
  border-color:rgba(179,102,255,.38);
  color:#e2c5ff;
  background:rgba(116,49,175,.18);
}
.account-status-pill.plan.plan-premium{
  border-color:rgba(245,190,45,.38);
  color:#ffe69a;
  background:rgba(116,83,10,.18);
}
.account-user-id-copy{
  width:100%;display:flex;align-items:center;gap:8px;margin:8px 0 10px;padding:9px 10px;
  border:1px solid rgba(56,215,255,.18);border-radius:11px;background:rgba(4,16,31,.52);
  color:#9eb2c9;text-align:left;cursor:pointer;
}
.account-user-id-copy svg{width:15px;height:15px;color:#38d7ff;flex:0 0 auto}
.account-user-id-copy span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800}
.account-user-id-copy em{margin-left:auto;color:#6f859e;font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.05em}
.account-user-id-copy:hover,.account-user-id-copy.copied{border-color:rgba(56,215,255,.45);color:#dff8ff;background:rgba(56,215,255,.08)}
.inline-copy-btn{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:6px 8px;border:1px solid rgba(56,215,255,.18);border-radius:9px;background:rgba(4,16,31,.45);color:#9fdff0;font:inherit;font-size:10px;font-weight:900;cursor:pointer}
.inline-copy-btn svg{width:13px;height:13px}.inline-copy-btn:hover,.inline-copy-btn.copied{border-color:rgba(56,215,255,.45);background:rgba(56,215,255,.08);color:#e8fbff}
.copy-failed{border-color:rgba(245,158,11,.45)!important;color:#fde68a!important}

/* Patch 3.50c2: critical fallback for the compact language selector.
   This block is intentionally duplicated from the standalone component so the
   selector remains usable even when a host/CDN serves an older page head. */
.nc-language-selector{position:relative;display:inline-flex;z-index:700;font-family:inherit}
.nc-language-selector button{font-family:inherit}
.nc-language-selector__trigger{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(89,216,255,.28);border-radius:13px;background:rgba(7,18,36,.92);color:#eef7ff;font-size:14px;font-weight:750;cursor:pointer}
.nc-language-selector__flag{width:22px!important;height:16px!important;display:inline-flex!important;flex:0 0 22px;overflow:hidden;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.nc-language-selector__flag img{width:22px!important;height:16px!important;max-width:22px!important;max-height:16px!important;object-fit:cover;display:block}
.nc-language-selector__chevron{font-size:13px;color:#4edcff;transition:transform .18s ease}
.nc-language-selector.is-open .nc-language-selector__chevron{transform:rotate(180deg)}
.nc-language-selector__menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;padding:7px;border:1px solid rgba(89,216,255,.28);border-radius:14px;background:#081427;box-shadow:0 24px 60px rgba(0,0,0,.42);display:none;z-index:701}
.nc-language-selector.is-open .nc-language-selector__menu{display:grid;gap:4px}
.nc-language-selector__option{width:100%;display:flex;align-items:center;gap:10px;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:#eaf5ff;text-align:left;font-size:14px;cursor:pointer}
.nc-language-selector__option:hover,.nc-language-selector__option:focus-visible{background:rgba(56,215,255,.10);outline:none}
.nc-language-selector__option.is-active{background:rgba(56,215,255,.14);box-shadow:inset 0 0 0 1px rgba(56,215,255,.28)}
.nc-language-selector__check{margin-left:auto;color:#50e6b1;font-weight:900}
@media(max-width:760px){.nc-language-selector__menu{position:fixed;top:auto!important;right:16px;left:16px;bottom:16px;min-width:0}}

/* Patch 3.50l · i18n long-text safety and layout buffers
   Language labels may be considerably longer than their German source. These
   rules keep cards, grids, dropdowns and action rows flexible without changing
   the established visual design. */
:where(body) :where(
  .supportdesk-login-card,.account-home-card,.account-choice-card,.account-plan-strip,
  .panel-shell,.content,.content-grid,.card,.panel-card,.section-card,.wizard-card,
  .setup-step,.setup-step-card,.form-preview-card,.ticket-type-card,.permission-card,
  .team-member-card,.team-permission-card,.archive-mini-card,.archive-target-card,
  .plan-card,.plan-limit-card,.discord-preview,.discord-embed-preview
){min-width:0}

:where(body) :where(
  .section-head,.card-head,.account-choice-head,.team-member-row,.team-permission-row,
  .permission-check-row,.archive-mini-card>span,.archive-main-switch>span,
  .custom-select-trigger,.custom-select-option,.dropdown-trigger,.dropdown-option,
  .discord-login-copy,.account-waiting-profile>div,.account-home-invite-person>span,
  .team-member-picker-copy,.team-permission-toolbar-summary
){min-width:0}

:where(body) :where(
  h1,h2,h3,h4,legend,.eyebrow,.section-title,.card-title,
  .supportdesk-login-subline,.account-home-hero p,.account-choice-card p,
  .alert,.badge,.pill,.status-pill,.help-text,.field-hint,.permission-hint,
  .team-member-picker-copy strong,.team-member-picker-copy small,
  .custom-select-trigger span,.custom-select-option strong,.custom-select-option small,
  .discord-login-copy strong,.discord-login-copy small,.archive-mini-card strong,
  .archive-mini-card small,.plan-feature-title,.plan-feature-description
){overflow-wrap:anywhere;word-break:normal;hyphens:auto}

:where(body) :where(.btn,.account-action-btn,.wizard-actions button,.wizard-actions a,.supportdesk-login-card button,.account-waiting-actions button,a[role="button"]){
  max-width:100%;
  white-space:normal;
  line-height:1.25;
  height:auto;
  min-height:38px;
}

:where(body) :where(input,select,textarea){min-width:0;max-width:100%}
:where(body) :where(.table-wrap,.data-table-wrap,.team-table-wrap,.archive-table-wrap){max-width:100%;overflow-x:auto}
:where(body) :where(td,th){overflow-wrap:anywhere}

/* Long translated dropdown entries must grow vertically instead of clipping. */
:where(body) :where(.custom-select-trigger,.custom-select-option,.dropdown-trigger,.dropdown-option){
  height:auto;
  min-height:42px;
  align-items:center;
}
:where(body) :where(.custom-select-option,.dropdown-option){white-space:normal}

/* Keep the compact entry pages readable with long locale strings. */
.supportdesk-login-card,.account-home-card,.account-waiting-card{max-width:calc(100vw - 32px)}
.account-plan-strip>div,.account-choice-card,.account-home-invite-row{min-width:0}
.account-home-invite-row button{flex:0 1 auto}
.account-waiting-actions,.account-home-actions{flex-wrap:wrap}
.account-waiting-actions .btn,.account-home-actions .btn{flex:1 1 190px}

/* Permission and archive rows receive a small vertical buffer for languages
   with longer labels while retaining the compact matrix look. */
.permission-check-row,.team-permission-row,.archive-mini-card{min-height:54px;height:auto}
.team-permission-toolbar,.section-head,.card-head{gap:12px;flex-wrap:wrap}

@media (max-width:900px){
  .account-plan-strip,.account-action-grid,.archive-mini-grid{grid-template-columns:minmax(0,1fr)!important}
  .section-head>.actions,.card-head>.actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
}


/* Patch 3.56f · Verbindliche Informationsarchitektur der Seitenleiste */
.nc-sidebar {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(56, 215, 255, .22) transparent;
}
.nc-nav {
  align-content: start;
  gap: 17px !important;
  padding-bottom: 138px;
}
.nc-nav-group {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.nc-nav-group__label {
  display: block;
  padding: 0 13px;
  color: #667995;
  font-size: 9px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: .115em;
  text-transform: uppercase;
  white-space: normal;
}
.nc-nav-group__items {
  display: grid;
  gap: 5px;
}
.nc-nav-group__items a {
  min-width: 0;
}
.nc-nav-group__items a.active {
  box-shadow:
    inset 3px 0 0 var(--cyan),
    inset 0 0 24px rgba(56, 215, 255, .035);
}
.nc-nav-group__items a:not(.active):focus-visible {
  color: var(--text);
  border-color: rgba(56, 215, 255, .42);
}
@media (max-width: 1050px) {
  .nc-nav {
    padding-bottom: 0;
  }
  .nc-nav-group__label {
    padding-inline: 8px;
  }
}

/* Patch 3.56j2 · Login-/Account-Footer immer am unteren Seitenende */
body.supportdesk-login-page{
  min-height:100vh;
  min-height:100dvh;
  display:flex!important;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  place-items:initial!important;
  padding:0!important;
}
body.supportdesk-login-page > .supportdesk-login-shell{
  flex:1 0 auto;
  width:100%;
  margin-inline:auto;
  padding:clamp(24px,5vw,58px) clamp(16px,4vw,34px);
  display:grid;
  place-items:center;
}
body.supportdesk-login-page > .supportdesk-login-shell > .supportdesk-login-card,
body.supportdesk-login-page > .supportdesk-login-shell > .account-waiting-card,
body.supportdesk-login-page > .supportdesk-login-shell > .account-home-card{
  margin-inline:auto;
}
body.supportdesk-login-page > .nc-legal-footer{
  flex:0 0 auto;
  margin-top:0;
  width:100%;
}
@media(max-width:620px){
  body.supportdesk-login-page > .supportdesk-login-shell{
    padding:20px 14px 30px;
  }
}


/*
 * Patch 3.56j3 · Formulare und Systemzustände im SupportDesk-Webpanel
 * Vereinheitlicht Eingaben, Auswahlfelder, Schalter, Tabellen, Aktionen,
 * Ladeanzeigen, Leerzustände und mobile Formulare. Adminpanel bleibt unberührt.
 */
:root{
  --ncj3-cyan:#38d7ff;
  --ncj3-blue:#5f7cff;
  --ncj3-purple:#9568ff;
  --ncj3-pink:#ff68c4;
  --ncj3-green:#70e6b0;
  --ncj3-amber:#ffd166;
  --ncj3-danger:#ff7895;
  --ncj3-control-bg:rgba(4,10,22,.76);
  --ncj3-control-bg-focus:rgba(5,13,28,.96);
  --ncj3-border:rgba(124,145,181,.22);
  --ncj3-border-hover:rgba(56,215,255,.42);
  --ncj3-radius:13px;
  --ncj3-focus:0 0 0 3px rgba(56,215,255,.12),0 0 0 1px rgba(56,215,255,.52);
}

/* Lesbare Feldgruppen */
:where(body) :where(.form-grid,.field-grid,.settings-grid,.panel-admin-fields,.panel-button-edit-fields,.panel-button-storage-grid){
  min-width:0;
}
:where(body) :where(.form-field,.field-block,.rating-field-block,.panel-design-field,label):has(> input,> select,> textarea){
  min-width:0;
}
:where(body) :where(.form-field>label,.field-label,.rating-field-label,.panel-design-form-grid label,.team-invite-form label){
  color:#c8d6e8;
  font-weight:850;
  line-height:1.35;
}
:where(body) :where(.field-hint,.help-text,.form-help,.input-hint,.rating-field-block .field-hint){
  color:#8294ae;
  line-height:1.45;
}

/* Native Eingaben – Spezial-/versteckte Selects werden bewusst ausgelassen */
:where(body) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
  select:not(.nc-select-native-hidden):not(.nc-panel-native-hidden):not(.nc-wizard-native-select),
  textarea
){
  min-height:46px;
  padding:11px 13px;
  border:1px solid var(--ncj3-border);
  border-radius:var(--ncj3-radius);
  color:#edf6ff;
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent),var(--ncj3-control-bg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease;
}
:where(body) textarea{
  min-height:112px;
  line-height:1.52;
  resize:vertical;
}
:where(body) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
  select:not(.nc-select-native-hidden):not(.nc-panel-native-hidden):not(.nc-wizard-native-select),
  textarea
):hover:not(:disabled):not([readonly]){
  border-color:var(--ncj3-border-hover);
  background:rgba(6,15,30,.9);
}
:where(body) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
  select:not(.nc-select-native-hidden):not(.nc-panel-native-hidden):not(.nc-wizard-native-select),
  textarea
):focus{
  outline:0;
  border-color:rgba(56,215,255,.7);
  background:var(--ncj3-control-bg-focus);
  box-shadow:var(--ncj3-focus);
}
:where(body) :where(input,textarea)::placeholder{color:#71839c;opacity:1}
:where(body) :where(input,select,textarea):disabled,
:where(body) :where(input,select,textarea)[aria-disabled="true"]{
  opacity:.48;
  cursor:not-allowed;
  color:#7d8ca2;
  background:rgba(7,11,20,.62);
  box-shadow:none;
}
:where(body) :where(input,select,textarea)[aria-invalid="true"],
:where(body) :where(input,select,textarea).is-invalid{
  border-color:rgba(255,120,149,.72)!important;
  box-shadow:0 0 0 3px rgba(255,120,149,.11)!important;
}
:where(body) :where(.field-error,.validation-error,.input-error){
  color:#ff9db1;
  font-size:.78rem;
  line-height:1.4;
}

/* Native Select-Pfeile */
:where(body) select:not(.nc-select-native-hidden):not(.nc-panel-native-hidden):not(.nc-wizard-native-select){
  appearance:none;
  -webkit-appearance:none;
  padding-right:42px;
  background-image: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='%2338d7ff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 13px center;
  background-size:17px;
}
[dir="rtl"] :where(body) select:not(.nc-select-native-hidden):not(.nc-panel-native-hidden):not(.nc-wizard-native-select){
  padding-right:13px;
  padding-left:42px;
  background-position:left 13px center;
}

/* Checkboxen und Radios: klare Fokus- und Auswahlzustände */
:where(body) input[type="checkbox"],
:where(body) input[type="radio"]{
  accent-color:var(--ncj3-cyan);
}
:where(body) input[type="checkbox"]:focus-visible,
:where(body) input[type="radio"]:focus-visible{
  outline:0;
  box-shadow:var(--ncj3-focus);
}
:where(body) :where(.mini-check,.checkbox-row,.radio-row,.permission-check-row,.switch-row label){
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease;
}
:where(body) :where(.mini-check,.checkbox-row,.radio-row,.permission-check-row,.switch-row label):hover{
  border-color:rgba(56,215,255,.34);
}

/* Schalter: gleiche Bewegung und Fokusbehandlung ohne vorhandene Logik zu ersetzen */
:where(body) :where(.switch-ui,.toggle-ui,.archive-switch-icon){
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
:where(body) :where(.switch-ui,.toggle-ui)::after{
  transition:transform .2s cubic-bezier(.22,.8,.24,1),background .18s ease,box-shadow .18s ease;
}
:where(body) :where(.rating-switch-card,.rating-toggle-row,.clean-toggle,.archive-main-switch,.archive-mini-card):focus-within{
  border-color:rgba(56,215,255,.52)!important;
  box-shadow:var(--ncj3-focus)!important;
}

/* Einheitliche Aktionsbuttons */
:where(body) :where(.btn,.account-action-btn,.wizard-actions button,.wizard-actions a,.team-access-form button,.panel-admin-actions button){
  min-height:44px;
  border-radius:13px;
  padding:10px 15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:850;
  line-height:1.2;
  transition:transform .18s cubic-bezier(.22,.8,.24,1),border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,opacity .18s ease;
}
:where(body) :where(.btn,.account-action-btn,.wizard-actions button,.wizard-actions a,.team-access-form button,.panel-admin-actions button):hover:not(:disabled):not([aria-disabled="true"]){
  transform:translateY(-1px);
}
:where(body) :where(.btn.primary,.account-action-btn.primary,.wizard-actions .primary,.team-access-form .btn.primary){
  border:1px solid transparent;
  color:#06101b;
  background:linear-gradient(125deg,var(--ncj3-cyan),var(--ncj3-blue) 50%,var(--ncj3-purple));
  box-shadow:0 13px 30px rgba(55,124,255,.22),inset 0 1px 0 rgba(255,255,255,.26);
}
:where(body) :where(.btn.primary,.account-action-btn.primary,.wizard-actions .primary,.team-access-form .btn.primary):hover:not(:disabled){
  box-shadow:0 16px 38px rgba(90,104,255,.3),0 0 22px rgba(56,215,255,.1),inset 0 1px 0 rgba(255,255,255,.3);
}
:where(body) :where(.btn.ghost,.btn.secondary,.account-action-btn.ghost,.wizard-actions .ghost){
  color:#d6e3f2;
  border:1px solid rgba(124,145,181,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}
:where(body) :where(.btn.ghost,.btn.secondary,.account-action-btn.ghost,.wizard-actions .ghost):hover:not(:disabled){
  border-color:rgba(56,215,255,.36);
  background:linear-gradient(180deg,rgba(56,215,255,.075),rgba(149,104,255,.035));
}
:where(body) :where(.danger,.btn.danger,.btn-danger,[data-danger],button[name*="delete" i],button[name*="remove" i]){
  color:#ffd7df;
  border-color:rgba(255,120,149,.3);
  background:linear-gradient(180deg,rgba(255,120,149,.105),rgba(50,9,22,.28));
}
:where(body) :where(.danger,.btn.danger,.btn-danger,[data-danger],button[name*="delete" i],button[name*="remove" i]):hover:not(:disabled){
  border-color:rgba(255,120,149,.55);
  background:linear-gradient(180deg,rgba(255,120,149,.16),rgba(62,10,28,.42));
}
:where(body) :where(button,.btn,a[role="button"]):disabled,
:where(body) :where(button,.btn,a[role="button"])[aria-disabled="true"]{
  opacity:.43;
  cursor:not-allowed;
  transform:none!important;
  box-shadow:none!important;
  filter:saturate(.55);
}

/* Tabellen und datenreiche Listen */
:where(body) :where(.table-wrap,.data-table-wrap,.team-table-wrap,.archive-table-wrap){
  border:1px solid rgba(124,145,181,.16);
  border-radius:16px;
  background:rgba(5,11,23,.5);
  overflow:auto;
}
:where(body) table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}
:where(body) th{
  color:#8496ae;
  font-size:.69rem;
  font-weight:900;
  letter-spacing:.085em;
  text-transform:uppercase;
  background:rgba(255,255,255,.024);
  border-bottom:1px solid rgba(124,145,181,.15);
}
:where(body) td{
  color:#dbe7f5;
  background:rgba(255,255,255,.008);
  border-bottom:1px solid rgba(124,145,181,.1);
}
:where(body) tbody tr:hover td{background:rgba(56,215,255,.035)}
:where(body) tbody tr:last-child td{border-bottom:0}
:where(body) :where(.data-list div,.list-row,.table-row){
  transition:background .18s ease,border-color .18s ease;
}
:where(body) :where(.data-list div,.list-row,.table-row):hover{
  background:rgba(56,215,255,.025);
}

/* Einheitliche Meldungen */
:where(body) :where(.alert,.notice,.message,.flash,.toast,.form-status,.setup-warning,.help-form-errors){
  min-height:48px;
  padding:12px 14px;
  border:1px solid rgba(56,215,255,.23);
  border-radius:14px;
  color:#cceef8;
  background:linear-gradient(135deg,rgba(56,215,255,.07),rgba(7,17,31,.55));
  line-height:1.5;
}
:where(body) :where(.alert,.notice,.message,.flash,.toast,.form-status).success,
:where(body) :where(.alert,.notice,.message,.flash,.toast,.form-status).is-success,
:where(body) .help-form-success{
  color:#c9f6df!important;
  border-color:rgba(112,230,176,.3)!important;
  background:linear-gradient(135deg,rgba(112,230,176,.085),rgba(6,28,21,.44))!important;
}
:where(body) :where(.alert,.notice,.message,.flash,.toast,.form-status).warning,
:where(body) :where(.alert,.notice,.message,.flash,.toast,.form-status).is-warning,
:where(body) :where(.setup-warning,.dialog-warning,.cancel-mail-warning){
  color:#f8e5b4!important;
  border-color:rgba(255,209,102,.3)!important;
  background:linear-gradient(135deg,rgba(255,209,102,.085),rgba(36,25,8,.44))!important;
}
:where(body) :where(.alert,.notice,.message,.flash,.toast,.form-status).error,
:where(body) :where(.alert,.notice,.message,.flash,.toast,.form-status).is-error,
:where(body) .help-form-errors{
  color:#ffd5dd!important;
  border-color:rgba(255,120,149,.3)!important;
  background:linear-gradient(135deg,rgba(255,120,149,.09),rgba(38,8,18,.45))!important;
}

/* Leere Zustände */
:where(body) :where(.empty-state,.empty-box,.help-empty,.no-results,.no-data,.table-empty){
  min-height:132px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  padding:26px;
  border:1px dashed rgba(124,145,181,.28);
  border-radius:17px;
  color:#8ea1ba;
  text-align:center;
  background:radial-gradient(circle at 50% 0%,rgba(56,215,255,.065),transparent 54%),rgba(6,12,24,.5);
}
:where(body) :where(.empty-state,.empty-box,.help-empty,.no-results,.no-data,.table-empty)::before{
  content:"—";
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(56,215,255,.22);
  border-radius:12px;
  color:var(--ncj3-cyan);
  background:rgba(56,215,255,.05);
  font-weight:950;
}

/* Ladeanzeigen und Speichervorgänge */
:where(body) :where(.is-loading,[aria-busy="true"],.loading-state){
  position:relative;
  pointer-events:none;
  cursor:wait!important;
}
:where(body) :where(button,.btn,a[role="button"]).is-loading,
:where(body) :where(button,.btn,a[role="button"])[aria-busy="true"]{
  color:transparent!important;
}
:where(body) :where(button,.btn,a[role="button"]).is-loading::after,
:where(body) :where(button,.btn,a[role="button"])[aria-busy="true"]::after,
:where(body) :where(.loading-state,.spinner)::before{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  left:50%;
  top:50%;
  margin:-9px 0 0 -9px;
  border:2px solid rgba(255,255,255,.22);
  border-top-color:var(--ncj3-cyan);
  border-radius:50%;
  animation:ncj3-spin .72s linear infinite;
}
:where(body) .loading-state{
  min-height:112px;
  display:grid;
  place-items:center;
  color:#8fa1ba;
}
:where(body) progress{
  width:100%;
  height:8px;
  border:0;
  border-radius:999px;
  overflow:hidden;
  background:#111b2a;
}
:where(body) progress::-webkit-progress-bar{background:#111b2a}
:where(body) progress::-webkit-progress-value{background:linear-gradient(90deg,var(--ncj3-cyan),var(--ncj3-blue),var(--ncj3-purple))}
:where(body) progress::-moz-progress-bar{background:linear-gradient(90deg,var(--ncj3-cyan),var(--ncj3-blue),var(--ncj3-purple))}
@keyframes ncj3-spin{to{transform:rotate(360deg)}}

/* Mobile Formulare und Aktionsreihen */
@media(max-width:760px){
  :where(body) :where(.form-grid,.field-grid,.settings-grid,.rating-display-grid,.rating-results-grid,.rating-message-grid,.panel-design-form-grid){
    grid-template-columns:minmax(0,1fr)!important;
  }
  :where(body) :where(.form-actions,.wizard-actions,.panel-admin-actions,.quick-action-row,.account-home-actions,.account-waiting-actions,.nexcore-unsaved-actions){
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-items:stretch;
    width:100%;
  }
  :where(body) :where(.form-actions,.wizard-actions,.panel-admin-actions,.quick-action-row,.account-home-actions,.account-waiting-actions,.nexcore-unsaved-actions) > :where(button,.btn,a[role="button"]){
    width:100%;
    min-width:0;
    justify-content:center;
  }
  :where(body) :where(.table-wrap,.data-table-wrap,.team-table-wrap,.archive-table-wrap){border-radius:13px}
  :where(body) :where(th,td){padding:11px 12px}
}

@media(prefers-reduced-motion:reduce){
  :where(body) *,
  :where(body) *::before,
  :where(body) *::after{
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}

/* Datei-Uploads, eigene Dropdowns und Mehrfachauswahl */
:where(body) input[type="file"]{
  width:100%;
  min-height:48px;
  padding:6px;
  border:1px dashed rgba(124,145,181,.3);
  border-radius:13px;
  color:#8fa1ba;
  background:rgba(5,11,23,.62);
}
:where(body) input[type="file"]::file-selector-button{
  min-height:34px;
  margin-right:10px;
  padding:7px 12px;
  border:1px solid rgba(56,215,255,.25);
  border-radius:9px;
  color:#dff8ff;
  background:rgba(56,215,255,.075);
  cursor:pointer;
}
:where(body) :where(.custom-select-trigger,.dropdown-trigger,.nc-role-select-trigger,.nc-js-select-trigger,.nc-panel-js-select-trigger){
  min-height:46px;
  border:1px solid var(--ncj3-border);
  border-radius:13px;
  color:#dce8f6;
  background:var(--ncj3-control-bg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.024);
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
:where(body) :where(.custom-select-trigger,.dropdown-trigger,.nc-role-select-trigger,.nc-js-select-trigger,.nc-panel-js-select-trigger):hover{
  border-color:var(--ncj3-border-hover);
  background:rgba(6,15,30,.9);
}
:where(body) :where(.custom-select-trigger,.dropdown-trigger,.nc-role-select-trigger,.nc-js-select-trigger,.nc-panel-js-select-trigger):focus-visible{
  outline:0;
  border-color:rgba(56,215,255,.68);
  box-shadow:var(--ncj3-focus);
}
:where(body) :where(.custom-select-menu,.dropdown-menu,.nc-role-select-menu,.nc-js-select-menu,.nc-panel-js-select-menu){
  padding:6px;
  border:1px solid rgba(56,215,255,.22);
  border-radius:15px;
  background:rgba(6,13,27,.98);
  box-shadow:0 26px 72px rgba(0,0,0,.48);
}
:where(body) :where(.custom-select-option,.dropdown-option,.nc-role-select-menu button,.nc-js-select-menu button,.nc-panel-js-select-menu button){
  min-height:42px;
  border:1px solid transparent;
  border-radius:10px;
  color:#bbc9db;
  background:transparent;
}
:where(body) :where(.custom-select-option,.dropdown-option,.nc-role-select-menu button,.nc-js-select-menu button,.nc-panel-js-select-menu button):hover,
:where(body) :where(.custom-select-option,.dropdown-option,.nc-role-select-menu button,.nc-js-select-menu button,.nc-panel-js-select-menu button).active{
  color:#fff;
  border-color:rgba(56,215,255,.2);
  background:linear-gradient(90deg,rgba(56,215,255,.09),rgba(149,104,255,.055));
}
:where(body) :where(.selected-tags,.multiselect-values,.selected-options,.smart-option-list){
  min-width:0;
}
:where(body) :where(.selected-tag,.multiselect-value,.selected-option-chip,.smart-option-chip){
  border-color:rgba(56,215,255,.22);
  border-radius:9px;
  color:#ccefff;
  background:rgba(56,215,255,.065);
}


/* Patch 3.56k1 · Design-Freeze: Login-Semantik und robuste schmale Viewports */
body.supportdesk-login-page { margin: 0; }
body.supportdesk-login-page > .supportdesk-login-shell,
body.supportdesk-login-page > .supportdesk-login-shell > .supportdesk-login-card {
  min-width: 0;
  box-sizing: border-box;
}
body.supportdesk-login-page > .supportdesk-login-shell > .supportdesk-login-card {
  width: min(760px, 100%);
  max-width: 100%;
}
.brand-product-badge { margin: 0; }
.supportdesk-discord-login,
.discord-login-copy,
.brand-lockup-line { min-width: 0; box-sizing: border-box; }
@media (max-width: 460px) {
  .supportdesk-login-brand.login-brand-clean.login-brand-pro .brand-lockup-line .login-wordmark {
    width: min(210px, 100%);
  }
  .brand-product-badge {
    min-height: 38px;
    padding-inline: 14px;
    font-size: clamp(20px, 8vw, 28px);
  }
  .supportdesk-discord-login { width: 100%; }
}


/* Patch 3.56k7 · Klarer Rückweg von der Webpanel-Anmeldung */
.supportdesk-login-back{
  width:max-content;
  max-width:100%;
  min-height:42px;
  margin:0 0 24px;
  padding:9px 13px 9px 10px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(56,215,255,.22);
  border-radius:13px;
  color:#bcd0e5;
  background:rgba(4,11,25,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  font-size:13px;
  font-weight:750;
  line-height:1.2;
  text-decoration:none;
  transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}
.supportdesk-login-back-icon{
  width:24px;
  height:24px;
  flex:0 0 24px;
  display:grid;
  place-items:center;
  border:1px solid rgba(56,215,255,.22);
  border-radius:8px;
  color:#49dcff;
  background:rgba(56,215,255,.07);
}
.supportdesk-login-back-icon svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.supportdesk-login-back:hover{
  color:#f5fbff;
  border-color:rgba(56,215,255,.48);
  background:linear-gradient(90deg,rgba(56,215,255,.095),rgba(149,104,255,.055));
  box-shadow:0 10px 28px rgba(0,0,0,.18),0 0 24px rgba(56,215,255,.06);
  transform:translateX(-2px);
}
.supportdesk-login-back:focus-visible{
  outline:0;
  color:#fff;
  border-color:rgba(56,215,255,.68);
  box-shadow:0 0 0 3px rgba(56,215,255,.13),0 0 0 1px rgba(56,215,255,.65);
}
@media(max-width:520px){
  .supportdesk-login-back{
    width:100%;
    justify-content:center;
    margin-bottom:20px;
  }
}


/* Patch 3.56k11 - Team-Einladung atomar widerrufen + Invite-Button sicher im Panel */
.team-step3-add-card .team-access-form{
  grid-template-columns:minmax(0,1fr) minmax(178px,.64fr)!important;
  gap:12px!important;
  width:100%;
  min-width:0;
}
.team-step3-add-card .team-access-form > label:first-of-type{
  grid-column:1 / -1;
  min-width:0;
}
.team-step3-add-card .team-access-form .team-role-picker-label{
  grid-column:1;
  min-width:0;
}
.team-step3-add-card .team-access-form .team-invite-ghost-btn{
  grid-column:2;
  width:100%;
  min-width:0;
  max-width:100%;
  padding-inline:14px;
  overflow:hidden;
}
.team-step3-add-card .team-access-form .team-invite-ghost-btn span:last-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.team-invite-row-incoming.is-revoked{
  position:relative;
  opacity:.62;
  border-color:rgba(248,113,113,.42);
  background:rgba(127,29,29,.10);
}
.team-invite-live-message{
  grid-column:1 / -1;
  display:block;
  color:#fecaca!important;
  font-weight:850;
  line-height:1.35;
}
@media (max-width:1100px){
  .team-step3-add-card .team-access-form{
    grid-template-columns:1fr!important;
  }
  .team-step3-add-card .team-access-form > label:first-of-type,
  .team-step3-add-card .team-access-form .team-role-picker-label,
  .team-step3-add-card .team-access-form .team-invite-ghost-btn{
    grid-column:1;
  }
  .team-step3-add-card .team-access-form .team-invite-ghost-btn{
    width:100%;
    align-self:stretch;
  }
}

/* Patch 3.56k12: NexCore confirmation dialog */
body.has-nc-confirm {
  overflow: hidden;
}

.nc-confirm-overlay {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at 50% 38%, rgba(56, 215, 255, .13), transparent 34%),
    rgba(2, 7, 17, .78);
  backdrop-filter: blur(9px);
}

.nc-confirm-overlay[hidden] {
  display: none !important;
}

.nc-confirm-dialog {
  --confirm-accent: #38d7ff;
  --confirm-accent-soft: rgba(56, 215, 255, .16);
  width: min(620px, calc(100vw - 32px));
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--confirm-accent) 68%, transparent);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(15, 28, 50, .98), rgba(6, 14, 29, .99));
  box-shadow:
    0 30px 100px rgba(0, 0, 0, .68),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 42px var(--confirm-accent-soft);
  color: #edf7ff;
}

.nc-confirm-dialog[data-tone="danger"] {
  --confirm-accent: #ff5f7f;
  --confirm-accent-soft: rgba(255, 95, 127, .18);
}

.nc-confirm-dialog[data-tone="warning"] {
  --confirm-accent: #fbbf24;
  --confirm-accent-soft: rgba(251, 191, 36, .18);
}

.nc-confirm-dialog[data-tone="premium"] {
  --confirm-accent: #b06cff;
  --confirm-accent-soft: rgba(176, 108, 255, .20);
}

.nc-confirm-accent {
  height: 6px;
  background: linear-gradient(90deg, var(--confirm-accent), #38d7ff, #7c5cff);
}

.nc-confirm-head {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  padding: 28px 30px 0;
}

.nc-confirm-icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border: 1px solid color-mix(in srgb, var(--confirm-accent) 62%, transparent);
  border-radius: 18px;
  background: var(--confirm-accent-soft);
  box-shadow: 0 0 26px var(--confirm-accent-soft);
  color: var(--confirm-accent);
  font-size: 28px;
  line-height: 1;
  font-weight: 1000;
}

.nc-confirm-kicker {
  display: inline-flex;
  margin-bottom: 6px;
  color: var(--confirm-accent);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.nc-confirm-dialog h2 {
  margin: 0;
  color: #f6fbff;
  font-size: clamp(22px, 3vw, 29px);
  line-height: 1.14;
  letter-spacing: -.025em;
}

.nc-confirm-message {
  margin: 0;
  padding: 22px 30px 0;
  color: #aebed4;
  font-size: 15px;
  line-height: 1.65;
}

.nc-confirm-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 26px 30px 30px;
}

.nc-confirm-actions .btn {
  min-height: 48px;
  min-width: 128px;
  border-radius: 14px;
}

.nc-confirm-actions .nc-confirm-approve {
  border-color: color-mix(in srgb, var(--confirm-accent) 78%, transparent);
  background: var(--confirm-accent-soft);
  color: #fff;
  box-shadow: 0 0 24px var(--confirm-accent-soft);
}

.nc-confirm-actions .nc-confirm-approve:hover,
.nc-confirm-actions .nc-confirm-approve:focus-visible {
  background: color-mix(in srgb, var(--confirm-accent) 26%, rgba(6, 14, 29, .96));
  border-color: var(--confirm-accent);
}

@media (max-width: 640px) {
  .nc-confirm-overlay {
    padding: 10px;
  }

  .nc-confirm-dialog {
    width: 100%;
    border-radius: 19px;
  }

  .nc-confirm-head {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 12px;
    padding: 20px 18px 0;
  }

  .nc-confirm-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    font-size: 22px;
  }

  .nc-confirm-message {
    padding: 18px 18px 0;
    font-size: 14px;
  }

  .nc-confirm-actions {
    display: grid;
    grid-template-columns: 1fr;
    padding: 22px 18px 18px;
  }

  .nc-confirm-actions .btn {
    width: 100%;
  }
}

/* Patch 3.56k16 - Einheitliche moderne NexCore-Pfeile im gesamten Webpanel */
:root{
  --nc-arrow-size:30px;
  --nc-arrow-radius:10px;
  --nc-arrow-line:rgba(56,215,255,.38);
  --nc-arrow-line-hover:rgba(107,231,255,.72);
  --nc-arrow-bg:linear-gradient(145deg,rgba(10,29,48,.94),rgba(4,13,25,.96));
  --nc-arrow-color:#6be7ff;
  --nc-arrow-ease:cubic-bezier(.22,.8,.24,1);
}

/* Native Selects: kein Browser-Dreieck mehr, sondern das gemeinsame NexCore-Chevron. */
select:not([multiple]):not([size]),
.guild-switcher select,
.team-invite-form select,
.team-member-role-form select,
.clean-report-grid .rating-field-block select,
.ticket-panel-admin .panel-button-edit-fields select,
.ticket-panel-admin .panel-button-storage-grid select,
.ticket-panel-admin .panel-admin-fields select,
.button-editor-fields select,
.discord-color-select select,
.panel-design-form-grid select,
.wizard-button-admin select.nc-wizard-native-select{
  appearance:none!important;
  -webkit-appearance:none!important;
  padding-right:50px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect x='1' y='1' width='28' height='28' rx='9' fill='%23040d19' fill-opacity='.66' stroke='%2338d7ff' stroke-opacity='.42'/%3E%3Cpath d='M10.2 12.3 15 17.1l4.8-4.8' fill='none' stroke='%236be7ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 9px center!important;
  background-size:30px 30px!important;
}
select:not([multiple]):not([size]):hover,
select:not([multiple]):not([size]):focus{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect x='1' y='1' width='28' height='28' rx='9' fill='%2308162a' fill-opacity='.92' stroke='%236be7ff' stroke-opacity='.78'/%3E%3Cpath d='M10.2 12.3 15 17.1l4.8-4.8' fill='none' stroke='%23a9f5ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}
select.nc-panel-native-hidden,
select.nc-select-native-hidden{
  background-image:none!important;
  padding-right:0!important;
}

/* Pfeil-Elemente mit echtem Zweilinien-Chevron statt Textzeichen wie v, ▾ oder ›. */
:where(
  .top-menu-chevron,
  .account-user-caret,
  .roles-section-summary .summary-arrow,
  .roles-command-summary .summary-arrow,
  .nc-role-select-toggle > i,
  .wizard-button-admin .nc-js-select-toggle > i,
  .nc-panel-js-select-toggle > i
){
  width:var(--nc-arrow-size)!important;
  height:var(--nc-arrow-size)!important;
  min-width:var(--nc-arrow-size)!important;
  flex:0 0 var(--nc-arrow-size)!important;
  display:inline-block!important;
  position:relative!important;
  overflow:hidden!important;
  border:1px solid var(--nc-arrow-line)!important;
  border-radius:var(--nc-arrow-radius)!important;
  color:var(--nc-arrow-color)!important;
  background:var(--nc-arrow-bg)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.18)!important;
  font-size:0!important;
  line-height:0!important;
  transform:rotate(0deg)!important;
  transform-origin:center!important;
  transition:transform .34s var(--nc-arrow-ease),border-color .2s ease,background .2s ease,box-shadow .2s ease!important;
}
:where(
  .top-menu-chevron,
  .account-user-caret,
  .roles-section-summary .summary-arrow,
  .roles-command-summary .summary-arrow,
  .nc-role-select-toggle > i,
  .wizard-button-admin .nc-js-select-toggle > i,
  .nc-panel-js-select-toggle > i
)::before,
:where(
  .top-menu-chevron,
  .account-user-caret,
  .roles-section-summary .summary-arrow,
  .roles-command-summary .summary-arrow,
  .nc-role-select-toggle > i,
  .wizard-button-admin .nc-js-select-toggle > i,
  .nc-panel-js-select-toggle > i
)::after{
  content:""!important;
  position:absolute!important;
  top:13px!important;
  width:8px!important;
  height:2px!important;
  border:0!important;
  border-radius:999px!important;
  background:currentColor!important;
  box-shadow:0 0 8px rgba(107,231,255,.42)!important;
  transform-origin:center!important;
  transition:background .2s ease,box-shadow .2s ease!important;
}
:where(
  .top-menu-chevron,
  .account-user-caret,
  .roles-section-summary .summary-arrow,
  .roles-command-summary .summary-arrow,
  .nc-role-select-toggle > i,
  .wizard-button-admin .nc-js-select-toggle > i,
  .nc-panel-js-select-toggle > i
)::before{
  left:7px!important;
  transform:rotate(40deg)!important;
}
:where(
  .top-menu-chevron,
  .account-user-caret,
  .roles-section-summary .summary-arrow,
  .roles-command-summary .summary-arrow,
  .nc-role-select-toggle > i,
  .wizard-button-admin .nc-js-select-toggle > i,
  .nc-panel-js-select-toggle > i
)::after{
  right:7px!important;
  transform:rotate(-40deg)!important;
}

:where(
  .top-guild-menu summary:hover .top-menu-chevron,
  .account-user-trigger:hover .account-user-caret,
  summary:hover .summary-arrow,
  .nc-role-select-toggle:hover > i,
  .wizard-button-admin .nc-js-select-toggle:hover > i,
  .nc-panel-js-select-toggle:hover > i,
  .nc-role-select-toggle:focus-visible > i,
  .wizard-button-admin .nc-js-select-toggle:focus-visible > i,
  .nc-panel-js-select-toggle:focus-visible > i
){
  border-color:var(--nc-arrow-line-hover)!important;
  color:#a9f5ff!important;
  background:linear-gradient(145deg,rgba(13,41,66,.98),rgba(5,17,31,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 3px rgba(56,215,255,.07),0 8px 22px rgba(0,0,0,.24)!important;
}

:where(
  .top-guild-menu[open] .top-menu-chevron,
  .account-user-menu[open] .account-user-caret,
  details[open] > summary .summary-arrow,
  .nc-role-select.open .nc-role-select-toggle > i,
  .wizard-button-admin .nc-js-select.open .nc-js-select-toggle > i,
  .nc-panel-js-select.open .nc-panel-js-select-toggle > i
){
  transform:rotate(180deg)!important;
  border-color:rgba(107,231,255,.72)!important;
  color:#a9f5ff!important;
  background:linear-gradient(145deg,rgba(12,42,67,.98),rgba(4,18,32,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 18px rgba(56,215,255,.12)!important;
}

/* Accordions mit Pseudo-Pfeilen erhalten dasselbe Icon. */
:where(
  .security-filter-summary::after,
  .roles-command-summary::after,
  .permission-details-collapse summary::after,
  .ticket-panel-admin .format-example-card summary::before,
  .ticket-panel-admin .panel-format-help > summary.panel-help-intro::before,
  .category-lean-card > summary::after
){
  content:""!important;
  width:var(--nc-arrow-size)!important;
  height:var(--nc-arrow-size)!important;
  min-width:var(--nc-arrow-size)!important;
  flex:0 0 var(--nc-arrow-size)!important;
  display:inline-block!important;
  border:1px solid var(--nc-arrow-line)!important;
  border-radius:var(--nc-arrow-radius)!important;
  color:var(--nc-arrow-color)!important;
  background-color:rgba(4,13,25,.78)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M10.2 12.3 15 17.1l4.8-4.8' fill='none' stroke='%236be7ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(145deg,rgba(10,29,48,.94),rgba(4,13,25,.96))!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:30px 30px,auto!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.18)!important;
  font-size:0!important;
  line-height:0!important;
  transform:rotate(0deg)!important;
  transform-origin:center!important;
  transition:transform .34s var(--nc-arrow-ease),border-color .2s ease,box-shadow .2s ease!important;
}
.security-filter-collapse:not([open]) > .security-filter-summary::after,
.roles-command-collapse:not([open]) > .roles-command-summary::after{
  transform:rotate(0deg)!important;
}
:where(
  .security-filter-collapse[open] > .security-filter-summary::after,
  .roles-command-collapse[open] > .roles-command-summary::after,
  .permission-details-collapse[open] summary::after,
  .ticket-panel-admin .format-example-card[open] summary::before,
  .ticket-panel-admin .panel-format-help[open] > summary.panel-help-intro::before,
  .category-lean-card[open] > summary::after
){
  transform:rotate(180deg)!important;
  border-color:rgba(107,231,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 18px rgba(56,215,255,.12)!important;
}

.permission-details-collapse summary::after{
  float:right!important;
  margin:-4px 0 -4px 14px!important;
}
.ticket-panel-admin .format-example-card summary::before,
.ticket-panel-admin .panel-format-help > summary.panel-help-intro::before{
  margin-right:10px!important;
}
.category-lean-card > summary::after{
  margin-left:auto!important;
}

@media(max-width:720px){
  :root{--nc-arrow-size:28px;--nc-arrow-radius:9px;}
  select:not([multiple]):not([size]){
    padding-right:46px!important;
    background-position:right 8px center!important;
    background-size:28px 28px!important;
  }
  :where(
    .top-menu-chevron,
    .account-user-caret,
    .roles-section-summary .summary-arrow,
    .roles-command-summary .summary-arrow,
    .nc-role-select-toggle > i,
    .wizard-button-admin .nc-js-select-toggle > i,
    .nc-panel-js-select-toggle > i
  )::before,
  :where(
    .top-menu-chevron,
    .account-user-caret,
    .roles-section-summary .summary-arrow,
    .roles-command-summary .summary-arrow,
    .nc-role-select-toggle > i,
    .wizard-button-admin .nc-js-select-toggle > i,
    .nc-panel-js-select-toggle > i
  )::after{
    top:12px!important;
    width:7px!important;
  }
}


/* Patch 3.56k19 – Bot-Rechte einklappbar und klarer Anwesenheitsstatus */
.bot-permission-card-collapse {
  display: block;
  padding: 0 !important;
  overflow: hidden;
}
.bot-permission-card-collapse > summary {
  list-style: none;
  cursor: pointer;
  padding: 20px;
  user-select: none;
  transition: background .2s ease, border-color .2s ease;
}
.bot-permission-card-collapse > summary::-webkit-details-marker {
  display: none;
}
.bot-permission-card-collapse > summary:hover,
.bot-permission-card-collapse > summary:focus-visible {
  background: linear-gradient(135deg, rgba(56,215,255,.055), rgba(124,92,255,.035));
  outline: none;
}
.bot-permission-card-summary .section-head {
  margin: 0 !important;
  align-items: center;
}
.bot-permission-summary-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.bot-permission-toggle-icon {
  width: 32px;
  height: 32px;
  display: inline-block;
  flex: 0 0 32px;
  border: 1px solid rgba(56,215,255,.38);
  border-radius: 10px;
  background-color: rgba(4,13,25,.78);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M10.5 13 16 18.5 21.5 13' fill='none' stroke='%236be7ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), linear-gradient(145deg,rgba(10,29,48,.94),rgba(4,13,25,.96));
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 7px 18px rgba(0,0,0,.18);
  transition: transform .34s cubic-bezier(.2,.8,.2,1), border-color .2s ease, box-shadow .2s ease;
}
.bot-permission-card-collapse[open] .bot-permission-toggle-icon {
  transform: rotate(180deg);
  border-color: rgba(107,231,255,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 18px rgba(56,215,255,.12);
}
.bot-permission-summary-text {
  margin: 8px 0 0;
  max-width: 720px;
  color: rgba(159,176,198,.84);
  font-size: .9rem;
  line-height: 1.45;
}
.bot-permission-card-body {
  padding: 0 20px 20px;
  border-top: 1px solid rgba(148,163,184,.11);
}
.bot-permission-card-body > .alert:first-child,
.bot-permission-card-body > .bot-admin-rights-summary:first-child,
.bot-permission-card-body > .permission-check-list:first-child {
  margin-top: 14px;
}
@media (max-width: 720px) {
  .bot-permission-card-collapse > summary { padding: 16px; }
  .bot-permission-card-body { padding: 0 16px 16px; }
  .bot-permission-summary-actions { gap: 7px; }
  .bot-permission-toggle-icon { width: 29px; height: 29px; flex-basis: 29px; border-radius: 9px; background-size: 29px 29px, auto; }
  .bot-permission-card-summary .section-head { align-items: flex-start; }
}

/* Patch 3.56k25 · eindeutige Panel-Zielauswahl */
.panel-target-mode-picker{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.panel-target-mode-option{
  position:relative;
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  min-height:104px;
  padding:16px!important;
  border:1px solid rgba(124,145,181,.22)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(7,16,31,.82),rgba(12,22,39,.62))!important;
  color:#dbe8f8!important;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.panel-target-mode-option:hover{
  border-color:rgba(56,215,255,.42)!important;
  background:linear-gradient(145deg,rgba(9,25,43,.92),rgba(12,22,39,.72))!important;
  transform:translateY(-1px);
}
.panel-target-mode-option.is-selected{
  border-color:rgba(56,215,255,.72)!important;
  background:linear-gradient(145deg,rgba(9,35,52,.96),rgba(10,24,42,.82))!important;
  box-shadow:0 0 0 3px rgba(56,215,255,.08),inset 0 1px rgba(255,255,255,.025)!important;
}
.panel-target-mode-option input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
}
.panel-target-mode-indicator{
  position:relative;
  width:24px;
  height:24px;
  border:1px solid rgba(124,145,181,.42);
  border-radius:50%;
  background:rgba(3,10,21,.72);
  box-shadow:inset 0 0 0 4px rgba(3,10,21,.92);
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.panel-target-mode-option.is-selected .panel-target-mode-indicator{
  border-color:#38d7ff;
  background:#38d7ff;
  box-shadow:inset 0 0 0 5px #071321,0 0 18px rgba(56,215,255,.28);
}
.panel-target-mode-copy{
  display:grid;
  gap:5px;
  min-width:0;
}
.panel-target-mode-copy strong{
  color:#f4f8ff;
  font-size:.96rem;
  line-height:1.25;
}
.panel-target-mode-copy small{
  color:#91a4bd;
  font-size:.82rem;
  line-height:1.45;
}
.panel-target-existing-field{
  grid-column:1 / -1!important;
  min-width:0;
}
.panel-target-existing-field[hidden],
.panel-target-auto-note[hidden]{display:none!important;}
.panel-target-auto-note{
  grid-column:1 / -1!important;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px;
  align-items:center;
  border:1px solid rgba(34,211,238,.30);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(34,211,238,.09),rgba(99,102,241,.06));
  padding:14px 16px;
}
.panel-target-auto-note>span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(56,215,255,.45);
  border-radius:11px;
  background:rgba(56,215,255,.10);
  color:#62e6ff;
  font-size:1.25rem;
  font-weight:900;
}
.panel-target-auto-note p{
  display:grid;
  gap:3px;
  margin:0;
}
.panel-target-auto-note strong{color:#e9fbff;}
.panel-target-auto-note small{color:#91a4bd;line-height:1.4;}
.panel-target-choice-help.span-2{grid-column:1 / -1!important;margin:0!important;}
@media(max-width:760px){
  .panel-target-mode-picker{grid-template-columns:1fr!important;}
  .panel-target-mode-option{min-height:auto;}
}


/* Patch 3.56k29 · Ticket-Panel: Communityname-Zeile und Status-Badges ohne Umbruch */
.ticket-panel-admin .branding-identity-card > .panel-section-summary {
  gap: 12px !important;
  align-items: center !important;
}

.ticket-panel-admin .branding-identity-card > .panel-section-summary > span:first-child {
  display: grid !important;
  grid-template-columns: auto minmax(190px, .72fr) minmax(250px, 1fr);
  align-items: center !important;
  gap: 6px 16px !important;
  min-width: 0;
  flex: 1 1 auto;
}

.ticket-panel-admin .branding-identity-card > .panel-section-summary > span:first-child > .section-icon {
  grid-column: 1;
  grid-row: 1;
}

.ticket-panel-admin .branding-identity-card > .panel-section-summary > span:first-child > strong {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  line-height: 1.28;
  overflow-wrap: normal;
  word-break: normal;
}

.ticket-panel-admin .branding-identity-card > .panel-section-summary > span:first-child > small {
  grid-column: 3;
  grid-row: 1;
  min-width: 0;
  margin-left: 0 !important;
  line-height: 1.38;
}

.ticket-panel-admin .branding-identity-card > .panel-section-summary > .badge.plus {
  flex: 0 0 auto !important;
  min-width: 66px;
  min-height: 36px;
  justify-content: center;
  padding: 8px 13px !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  line-height: 1 !important;
}

.ticket-panel-admin .branding-identity-card.nexcore-unsaved-section > .panel-section-summary::after {
  flex: 0 0 auto !important;
  min-width: max-content;
  margin-left: 0 !important;
  padding: 6px 10px;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  line-height: 1 !important;
}

@media (max-width: 1120px) {
  .ticket-panel-admin .branding-identity-card > .panel-section-summary {
    flex-wrap: wrap;
  }

  .ticket-panel-admin .branding-identity-card > .panel-section-summary > span:first-child {
    grid-template-columns: auto minmax(0, 1fr);
    flex-basis: calc(100% - 170px);
  }

  .ticket-panel-admin .branding-identity-card > .panel-section-summary > span:first-child > strong {
    grid-column: 2;
    grid-row: 1;
  }

  .ticket-panel-admin .branding-identity-card > .panel-section-summary > span:first-child > small {
    grid-column: 2;
    grid-row: 2;
  }
}

@media (max-width: 720px) {
  .ticket-panel-admin .branding-identity-card > .panel-section-summary {
    align-items: flex-start !important;
  }

  .ticket-panel-admin .branding-identity-card > .panel-section-summary > span:first-child {
    flex-basis: 100%;
  }

  .ticket-panel-admin .branding-identity-card > .panel-section-summary > .badge.plus,
  .ticket-panel-admin .branding-identity-card.nexcore-unsaved-section > .panel-section-summary::after {
    margin-top: 4px;
  }
}

/* Patch 3.56k30 · mobile Webpanel-Navigation
   Die vollständige Desktop-Seitenleiste wird auf Smartphones zu einer kompakten
   Kopfzeile. Das Menü öffnet sich nur bewusst und verdeckt nicht länger den Inhalt. */
.nc-mobile-nav-toggle{
  display:none;
  appearance:none;
  border:0;
  font:inherit;
}

@media (max-width:760px){
  html,body{
    max-width:100%;
    overflow-x:hidden;
  }
  body.nc-mobile-nav-open{
    overflow:hidden;
    touch-action:none;
  }
  body.nc-mobile-nav-open::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:990;
    background:rgba(1,6,15,.76);
    backdrop-filter:blur(8px);
  }

  .nc-shell{
    display:block!important;
    min-height:100vh;
    min-height:100dvh;
  }
  .nc-sidebar{
    position:sticky!important;
    top:0;
    z-index:1000;
    width:100%;
    height:74px!important;
    min-height:74px;
    padding:10px 12px!important;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    overflow:visible!important;
    border-right:0!important;
    border-bottom:1px solid rgba(56,215,255,.18);
    background:rgba(4,10,22,.94)!important;
    box-shadow:0 16px 38px rgba(0,0,0,.28);
    backdrop-filter:blur(22px);
  }
  .nc-brand{
    position:relative;
    z-index:1004;
    min-width:0;
    margin:0!important;
    padding:3px 4px!important;
    gap:9px!important;
  }
  .nc-brand-mark,
  .nc-brand-mark img{
    width:42px!important;
    height:42px!important;
  }
  .nc-brand strong{font-size:15px!important}
  .nc-brand small{font-size:11px!important}

  .nc-mobile-nav-toggle{
    position:relative;
    z-index:1004;
    min-width:0;
    max-width:58%;
    min-height:48px;
    padding:6px 11px 6px 9px;
    display:grid;
    grid-template-columns:30px minmax(0,1fr);
    align-items:center;
    gap:9px;
    border:1px solid rgba(56,215,255,.28);
    border-radius:15px;
    color:#eef7ff;
    background:linear-gradient(180deg,rgba(17,31,53,.96),rgba(7,15,29,.98));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    cursor:pointer;
    text-align:left;
  }
  .nc-mobile-nav-toggle:focus-visible{
    outline:0;
    border-color:rgba(56,215,255,.72);
    box-shadow:0 0 0 3px rgba(56,215,255,.13);
  }
  .nc-mobile-nav-toggle__icon{
    position:relative;
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border:1px solid rgba(56,215,255,.24);
    border-radius:10px;
    background:rgba(56,215,255,.07);
  }
  .nc-mobile-nav-toggle__icon i{
    position:absolute;
    width:14px;
    height:2px;
    border-radius:99px;
    background:#55dcff;
    transition:transform .2s ease,opacity .2s ease,top .2s ease;
  }
  .nc-mobile-nav-toggle__icon i:nth-child(1){top:9px}
  .nc-mobile-nav-toggle__icon i:nth-child(2){top:14px}
  .nc-mobile-nav-toggle__icon i:nth-child(3){top:19px}
  .nc-sidebar.is-open .nc-mobile-nav-toggle__icon i:nth-child(1){top:14px;transform:rotate(45deg)}
  .nc-sidebar.is-open .nc-mobile-nav-toggle__icon i:nth-child(2){opacity:0}
  .nc-sidebar.is-open .nc-mobile-nav-toggle__icon i:nth-child(3){top:14px;transform:rotate(-45deg)}
  .nc-mobile-nav-toggle__copy{
    min-width:0;
    display:grid;
    gap:1px;
  }
  .nc-mobile-nav-toggle__copy small{
    color:#55dcff;
    font-size:9px;
    font-weight:900;
    letter-spacing:.11em;
    line-height:1.1;
    text-transform:uppercase;
  }
  .nc-mobile-nav-toggle__copy strong{
    min-width:0;
    overflow:hidden;
    color:#f3f8ff;
    font-size:12px;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .nc-nav{
    position:fixed!important;
    top:82px;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:1002;
    display:none!important;
    align-content:start;
    gap:15px!important;
    max-height:calc(100dvh - 92px);
    padding:17px 12px 126px!important;
    overflow-y:auto;
    overscroll-behavior:contain;
    border:1px solid rgba(56,215,255,.22);
    border-radius:22px;
    background:
      radial-gradient(circle at 100% 0%,rgba(99,102,241,.13),transparent 34%),
      linear-gradient(180deg,rgba(10,20,38,.99),rgba(4,10,22,.995));
    box-shadow:0 28px 80px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.035);
  }
  .nc-sidebar.is-open .nc-nav{
    display:grid!important;
    animation:nc-mobile-nav-in .18s ease-out both;
  }
  .nc-nav-group__label{
    padding-inline:10px!important;
    font-size:9px!important;
  }
  .nc-nav-group__items{gap:5px!important}
  .nc-nav-group__items a{
    min-height:48px;
    padding:11px 12px!important;
    border-radius:14px!important;
    font-size:15px;
  }
  .nc-nav-group__items a.active{
    border-color:rgba(56,215,255,.40)!important;
    background:linear-gradient(90deg,rgba(56,215,255,.14),rgba(99,102,241,.08))!important;
  }
  .nc-side-note{
    display:none!important;
    position:fixed!important;
    left:22px!important;
    right:22px!important;
    bottom:22px!important;
    z-index:1003;
    margin:0!important;
    padding:13px 14px!important;
    border-radius:16px!important;
    background:rgba(9,18,34,.98)!important;
    box-shadow:0 16px 36px rgba(0,0,0,.42);
  }
  .nc-sidebar.is-open .nc-side-note{display:block!important}

  .nc-main{
    width:100%!important;
    max-width:none!important;
    min-width:0;
    min-height:calc(100dvh - 74px);
    margin:0!important;
    padding:20px 12px 44px!important;
  }
  .nc-main>*{max-width:100%;min-width:0}
  .nc-topbar{
    display:grid!important;
    gap:14px!important;
    align-items:stretch!important;
    margin-bottom:18px!important;
  }
  .nc-topbar h1{
    max-width:100%;
    font-size:clamp(29px,8.4vw,36px)!important;
    letter-spacing:-.035em;
    line-height:1.02;
    overflow-wrap:normal;
    word-break:normal;
  }
  .nc-topbar .eyebrow{margin-bottom:6px!important}

  .account-top-actions{
    width:100%;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:8px!important;
    justify-content:stretch!important;
  }
  .account-top-actions>*{min-width:0;max-width:100%}
  .account-top-actions>.pill{
    width:100%;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px 10px!important;
    text-align:center;
    white-space:normal!important;
  }
  .top-guild-menu,
  .account-user-menu{
    grid-column:1 / -1;
    width:100%;
  }
  .top-guild-menu summary,
  .account-user-trigger{
    width:100%!important;
    max-width:none!important;
  }
  .account-user-trigger{
    grid-template-columns:38px minmax(0,1fr) 16px!important;
  }
  .account-user-copy{display:grid!important}
  .account-user-copy strong{max-width:none!important}
  .nc-language-selector{width:100%;min-width:0}
  .nc-language-selector__trigger{width:100%;min-height:42px;justify-content:center}
  .nc-notification-menu{width:100%}
  .nc-notification-trigger{width:100%!important;height:42px!important}
  .top-guild-menu-panel,
  .account-user-panel{
    position:fixed!important;
    top:84px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    min-width:0!important;
    max-height:calc(100dvh - 100px);
    overflow:auto;
  }

  :where(.card,.panel-card,.section-card,.wizard-card){
    max-width:100%;
    min-width:0;
  }
  :where(.grid,.two,.stats-grid,.form-grid,.two-fields,.plan-grid){
    grid-template-columns:minmax(0,1fr)!important;
  }
  .section-head,.card-head{
    align-items:flex-start!important;
  }
  .nc-legal-footer{margin-top:0!important}
}

@media (max-width:420px){
  .nc-mobile-nav-toggle{max-width:55%;padding-right:8px}
  .nc-brand strong{font-size:14px!important}
  .nc-topbar h1{font-size:28px!important}
  .account-top-actions{grid-template-columns:1fr 1fr}
}

@keyframes nc-mobile-nav-in{
  from{opacity:0;transform:translateY(-8px) scale(.99)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

/* Patch 3.56k31 · kompletter Mobile-Neuaufbau des SupportDesk-Webpanels
   Korrigiert die zu hohe Navigation, zerquetschte Accordion-Titel, vertikale
   Badges, überbreite Formulare und den unruhigen Konto-Kopf auf Smartphones. */
@media (max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  body{background-position:center top!important}

  /* Kompakter fester Kopf: Marke links, reiner Menüknopf rechts. */
  .nc-sidebar{
    position:sticky!important;
    inset:auto!important;
    top:0!important;
    width:100%!important;
    height:62px!important;
    min-height:62px!important;
    padding:8px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    overflow:visible!important;
    border:0!important;
    border-bottom:1px solid rgba(56,215,255,.18)!important;
    background:rgba(4,10,22,.97)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
  }
  .nc-brand{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 54px)!important;
    margin:0!important;
    padding:0!important;
    gap:9px!important;
  }
  .nc-brand-mark,.nc-brand-mark img{width:38px!important;height:38px!important;flex:0 0 38px!important}
  .nc-brand>span:last-child{min-width:0!important}
  .nc-brand strong{font-size:14px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .nc-brand small{margin-top:3px!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important}

  .nc-mobile-nav-toggle{
    flex:0 0 44px!important;
    width:44px!important;
    max-width:44px!important;
    min-height:44px!important;
    height:44px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    place-items:center!important;
    border-radius:13px!important;
  }
  .nc-mobile-nav-toggle__copy{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  .nc-mobile-nav-toggle__icon{width:30px!important;height:30px!important}

  /* Menü als kompakte Übersicht statt langer Desktop-Seitenleiste. */
  .nc-nav{
    position:fixed!important;
    top:70px!important;
    left:8px!important;
    right:8px!important;
    bottom:auto!important;
    z-index:1002!important;
    display:none!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
    width:auto!important;
    max-height:calc(100dvh - 82px)!important;
    padding:14px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    border-radius:18px!important;
  }
  .nc-sidebar.is-open .nc-nav{display:grid!important}
  .nc-nav-group{gap:4px!important}
  .nc-nav-group__label{padding:0 7px!important;font-size:8px!important;letter-spacing:.1em!important}
  .nc-nav-group__items{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .nc-nav-group__items a{
    min-width:0!important;
    min-height:42px!important;
    padding:8px 9px!important;
    gap:8px!important;
    border-radius:12px!important;
    font-size:12px!important;
    line-height:1.15!important;
  }
  .nc-nav-group__items a .nav-icon{width:17px!important;height:17px!important;flex:0 0 17px!important}
  .nc-nav-group__items a>span{min-width:0!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
  .nc-side-note{display:none!important}

  /* Der Markenname steht bereits im mobilen Kopf und wird nicht doppelt gezeigt. */
  .nc-main{
    min-height:calc(100dvh - 62px)!important;
    padding:14px 10px 48px!important;
  }
  .nc-topbar{margin:0 0 14px!important;gap:9px!important}
  .nc-topbar>div:first-child{display:none!important}

  /* Konto-Werkzeuge als klare kompakte Reihen. */
  .account-top-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:7px!important;
    width:100%!important;
  }
  .account-top-actions>.pill{
    width:100%!important;
    min-height:36px!important;
    padding:7px 9px!important;
    font-size:11px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }
  .top-guild-menu{grid-column:1 / -1!important;width:100%!important}
  .nc-language-selector{grid-column:1!important;width:100%!important}
  .nc-language-selector__trigger{
    width:100%!important;
    min-height:40px!important;
    height:40px!important;
    padding:5px 8px!important;
    justify-content:center!important;
  }
  .nc-notification-menu{grid-column:2!important;width:100%!important}
  .nc-notification-trigger{width:100%!important;height:40px!important;min-height:40px!important}
  .account-user-menu{grid-column:1 / -1!important;width:100%!important}
  .account-user-trigger{
    width:100%!important;
    min-height:44px!important;
    padding:6px 9px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
  }
  .account-user-avatar{width:34px!important;height:34px!important}
  .account-user-copy{display:grid!important;gap:1px!important;min-width:0!important}
  .account-user-copy strong{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .account-user-copy small{font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .top-guild-menu-panel,.account-user-panel,.nc-notification-panel{
    position:fixed!important;
    top:70px!important;
    left:8px!important;
    right:8px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - 82px)!important;
    overflow:auto!important;
  }

  /* Seitenkopf und Status-Chips. */
  .admin-page-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-bottom:14px!important;
  }
  .admin-page-head h2{font-size:27px!important;line-height:1.08!important;overflow-wrap:normal!important;word-break:normal!important}
  .admin-page-head p{font-size:14px!important;line-height:1.42!important}
  .admin-status-row{justify-content:flex-start!important;gap:7px!important;flex-wrap:wrap!important}
  .admin-status-row .badge{min-height:32px!important;padding:6px 10px!important;font-size:10px!important;white-space:nowrap!important}

  /* Ticket-Panel komplett einspaltig und ohne seitlichen Überlauf. */
  .ticket-panel-admin,.ticket-panel-admin *{min-width:0}
  .ticket-panel-admin .panel-admin-grid,
  .ticket-panel-admin .panel-admin-main,
  .ticket-panel-admin .panel-admin-side{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .ticket-panel-admin .panel-admin-grid{gap:12px!important}
  .ticket-panel-admin .panel-admin-main,.ticket-panel-admin .panel-admin-side{gap:12px!important}
  .ticket-panel-admin .panel-admin-side{position:static!important;display:grid!important}
  .ticket-panel-admin .panel-admin-card,
  .ticket-panel-admin .panel-preview-card,
  .ticket-panel-admin .panel-status-card{
    width:100%!important;
    max-width:100%!important;
    padding:14px!important;
    border-radius:16px!important;
  }

  /* Alle Accordion-Köpfe: Pfeil, Icon/Titel und Badge sauber in einer Zeile. */
  .ticket-panel-admin .panel-section-summary,
  .ticket-panel-admin .branding-identity-card>.panel-section-summary{
    display:grid!important;
    grid-template-columns:16px minmax(0,1fr) max-content!important;
    align-items:center!important;
    gap:8px!important;
    min-height:44px!important;
    padding:0!important;
    flex-wrap:nowrap!important;
  }
  .ticket-panel-admin .panel-section-summary::before{
    grid-column:1!important;
    grid-row:1!important;
    margin:0!important;
    justify-self:center!important;
  }
  .ticket-panel-admin .panel-section-summary>span:first-child,
  .ticket-panel-admin .branding-identity-card>.panel-section-summary>span:first-child{
    grid-column:2!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    flex-basis:auto!important;
  }
  .ticket-panel-admin .panel-section-summary>span:first-child>.section-icon,
  .ticket-panel-admin .branding-identity-card>.panel-section-summary>span:first-child>.section-icon{
    grid-column:1!important;
    grid-row:1!important;
    width:32px!important;
    height:32px!important;
  }
  .ticket-panel-admin .panel-section-summary strong,
  .ticket-panel-admin .branding-identity-card>.panel-section-summary>span:first-child>strong{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    font-size:14px!important;
    line-height:1.22!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  .ticket-panel-admin .panel-section-summary small,
  .ticket-panel-admin .branding-identity-card>.panel-section-summary>span:first-child>small{display:none!important}
  .ticket-panel-admin .panel-section-summary>.badge,
  .ticket-panel-admin .branding-identity-card>.panel-section-summary>.badge.plus{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    width:auto!important;
    min-width:0!important;
    min-height:28px!important;
    padding:5px 8px!important;
    margin:0!important;
    border-radius:999px!important;
    font-size:9px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .ticket-panel-admin .branding-identity-card.nexcore-unsaved-section>.panel-section-summary::after{
    grid-column:2 / 4!important;
    grid-row:2!important;
    justify-self:start!important;
    width:auto!important;
    min-width:0!important;
    margin:3px 0 0!important;
    padding:5px 8px!important;
    font-size:9px!important;
    white-space:nowrap!important;
  }

  /* Inhalte der geöffneten Bereiche. */
  .ticket-panel-admin .panel-section-body{margin-top:12px!important}
  .ticket-panel-admin .panel-admin-fields,
  .ticket-panel-admin .panel-target-compact-grid,
  .ticket-panel-admin .branding-editor-grid,
  .ticket-panel-admin .confirmation-fields,
  .ticket-panel-admin .panel-buttons-settings{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  .ticket-panel-admin .span-2{grid-column:1!important}
  .ticket-panel-admin label,
  .ticket-panel-admin input,
  .ticket-panel-admin select,
  .ticket-panel-admin textarea,
  .ticket-panel-admin .custom-select,
  .ticket-panel-admin .custom-select-trigger{width:100%!important;max-width:100%!important}

  .panel-target-mode-picker{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  .panel-target-mode-option{
    grid-template-columns:24px minmax(0,1fr)!important;
    min-height:0!important;
    padding:13px!important;
    gap:10px!important;
    border-radius:15px!important;
  }
  .panel-target-mode-copy strong{font-size:14px!important;line-height:1.25!important}
  .panel-target-mode-copy small{font-size:11px!important;line-height:1.4!important}
  .panel-target-choice-help{font-size:12px!important;line-height:1.42!important}

  /* Unterkarten für einzelne Buttons dürfen nicht mehr Buchstabe für Buchstabe umbrechen. */
  .ticket-panel-admin .panel-button-editor-grid{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
  .ticket-panel-admin .panel-button-edit-summary{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    min-height:58px!important;
    padding:11px 12px!important;
  }
  .ticket-panel-admin .panel-button-summary-main{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
  }
  .ticket-panel-admin .panel-button-summary-main>span{min-width:0!important}
  .ticket-panel-admin .panel-button-summary-main strong{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    font-size:13px!important;
    line-height:1.22!important;
  }
  .ticket-panel-admin .panel-button-summary-main small{display:none!important}
  .ticket-panel-admin .panel-button-summary-meta{gap:5px!important;font-size:9px!important}
  .ticket-panel-admin .panel-button-summary-meta>span{display:none!important}

  /* Branding, Aktionen und Vorschau. */
  .ticket-panel-admin .branding-scope-preview{width:100%!important;max-width:100%!important}
  .ticket-panel-admin .panel-admin-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }
  .ticket-panel-admin .panel-admin-actions .btn{width:100%!important;justify-content:center!important;margin:0!important}
  .ticket-panel-admin .panel-preview-card .shared-panel-preview,
  .ticket-panel-admin .panel-preview-card .discord-preview,
  .ticket-panel-admin .preview-confirmation-note.discord-confirmation-preview{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
  }
  .ticket-panel-admin .panel-preview-card{order:1!important}
  .ticket-panel-admin .panel-status-card{order:2!important}
  .ticket-panel-admin .fake-buttons{display:flex!important;flex-wrap:wrap!important}
  .ticket-panel-admin .fake-buttons span{max-width:100%!important;white-space:normal!important}

  /* Allgemeine Mobil-Sicherheit für Karten, Badges und Footer. */
  :where(.card,.panel-card,.section-card,.wizard-card,.alert,.data-list){max-width:100%!important;min-width:0!important}
  :where(.badge,.pill){overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
  .nc-legal-footer{max-width:100%!important;overflow:hidden!important}

  /* Cookie-Knopf nicht mehr über Formularfeldern links platzieren. */
  .nc-cookie-settings-fab{left:auto!important;right:10px!important;bottom:10px!important;width:38px!important;height:38px!important;min-height:38px!important}
}

@media (max-width:390px){
  .nc-main{padding-inline:8px!important}
  .nc-nav{left:6px!important;right:6px!important;padding:11px!important}
  .nc-nav-group__items a{font-size:11px!important;padding:8px!important}
  .ticket-panel-admin .panel-admin-card,
  .ticket-panel-admin .panel-preview-card,
  .ticket-panel-admin .panel-status-card{padding:12px!important}
  .ticket-panel-admin .panel-section-summary>.badge,
  .ticket-panel-admin .branding-identity-card>.panel-section-summary>.badge.plus{font-size:8px!important;padding-inline:7px!important}
}

/* Patch 3.56k32 · Mobile Sprach- und Kontomenüs als ruhige Dialogflächen.
   Beide Menüs öffnen nicht mehr mitten im Seiteninhalt, sondern als begrenzte,
   eigenständig scrollbare Mobile-Sheets mit Hintergrundabdunklung. */
.nc-mobile-sheet-head,
.nc-mobile-menu-backdrop{display:none}

@media (max-width:760px){
  body.nc-mobile-sheet-open{
    overflow:hidden!important;
  }
  .nc-mobile-menu-backdrop{
    position:fixed;
    inset:0;
    z-index:1600;
    display:block;
    width:100%;
    height:100%;
    padding:0;
    border:0;
    border-radius:0;
    background:rgba(1,6,15,.72);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    cursor:default;
  }
  .nc-mobile-menu-backdrop[hidden]{display:none!important}

  .nc-mobile-sheet-head{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:54px;
    padding:10px 12px 10px 16px;
    border-bottom:1px solid rgba(80,216,255,.16);
    background:linear-gradient(180deg,rgba(13,28,48,.99),rgba(7,17,32,.98));
    position:sticky;
    top:0;
    z-index:3;
  }
  .nc-mobile-sheet-head strong{
    min-width:0;
    color:#f2f8ff;
    font-size:14px;
    line-height:1.2;
    font-weight:950;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .nc-mobile-sheet-close{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid rgba(62,214,255,.36)!important;
    border-radius:11px!important;
    background:rgba(6,18,34,.96)!important;
    color:#66e7ff!important;
    box-shadow:none!important;
    font:900 22px/1 system-ui,sans-serif!important;
  }

  /* Sprachwahl: kompakter Dialog mit eigener Scrollfläche. */
  .nc-language-selector.is-open{
    z-index:1702!important;
  }
  .nc-language-selector.is-open .nc-language-selector__menu{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:min(390px,calc(100vw - 20px))!important;
    min-width:0!important;
    max-width:390px!important;
    height:auto!important;
    max-height:min(72dvh,620px)!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    padding:0!important;
    overflow:hidden!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(-50%,-50%)!important;
    transform-origin:center!important;
    border:1px solid rgba(76,218,255,.34)!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 100% 0%,rgba(88,101,242,.16),transparent 38%),
      linear-gradient(180deg,rgba(10,24,43,.995),rgba(4,12,25,.995))!important;
    box-shadow:0 34px 100px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.04)!important;
    transition:none!important;
    z-index:1704!important;
  }
  .nc-language-selector__menu-clip{
    min-height:0!important;
    overflow:hidden!important;
  }
  .nc-language-selector__list-shell{
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:8px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    clip-path:none!important;
    box-shadow:none!important;
  }
  .nc-language-selector__list{
    width:100%!important;
    height:100%!important;
    max-height:calc(min(72dvh,620px) - 70px)!important;
    padding:2px!important;
    overflow-y:auto!important;
    scrollbar-gutter:stable;
    touch-action:pan-y;
  }
  .nc-language-selector .nc-language-selector__option{
    min-height:48px!important;
    padding:7px 9px!important;
    border-radius:12px!important;
  }

  /* Konto: ebenfalls als begrenztes Sheet, nicht mehr über dem Dashboard. */
  .account-user-menu[open]{
    z-index:1702!important;
  }
  .account-user-menu[open] .account-user-panel{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:min(410px,calc(100vw - 20px))!important;
    min-width:0!important;
    max-width:410px!important;
    max-height:min(78dvh,680px)!important;
    margin:0!important;
    padding:0 10px 12px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    transform:translate(-50%,-50%)!important;
    border:1px solid rgba(76,218,255,.30)!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 100% 0%,rgba(58,196,255,.12),transparent 36%),
      linear-gradient(180deg,rgba(11,25,44,.995),rgba(4,12,25,.995))!important;
    box-shadow:0 34px 100px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.04)!important;
    z-index:1704!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    touch-action:pan-y;
  }
  .account-user-panel .nc-mobile-sheet-head{
    margin:0 -10px 8px;
  }
  .account-user-head{
    padding:8px 5px 12px!important;
  }
  .account-user-head strong{
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .account-user-id-copy{
    width:100%!important;
    min-width:0!important;
  }
  .account-user-panel a{
    min-height:46px!important;
    padding:0 10px!important;
    border-radius:12px!important;
  }
  .account-user-panel a span{
    min-width:0!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  /* Der Auslöser zeigt den Namen wieder sinnvoll, statt nur „pa…“. */
  .account-user-trigger{
    grid-template-columns:34px minmax(0,1fr)!important;
  }
  .account-user-copy{
    width:100%!important;
    max-width:none!important;
  }
  .account-user-copy strong,
  .account-user-copy small{
    width:100%!important;
    max-width:none!important;
  }
}

@media (max-width:390px){
  .nc-language-selector.is-open .nc-language-selector__menu,
  .account-user-menu[open] .account-user-panel{
    width:calc(100vw - 12px)!important;
    border-radius:18px!important;
  }
}

/* Patch 3.56k35 · Mobile Header bereinigt
   Eine einzige Abschlussregel fuer Sprachwahl und Profil. Sie ersetzt die
   widerspruechlichen Ausfahr-, Vorschau- und Pfeilregeln der alten Mobile-Patches. */
@media (max-width:760px){
  /* Werkzeugraster: Plan/Zugriff, Sprache/Benachrichtigung, Profil. */
  .nc-topbar .account-top-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
  }
  .nc-topbar .account-top-actions>.pill{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
  }
  .nc-topbar .account-top-actions>.nc-language-selector{
    grid-column:1!important;
  }
  .nc-topbar .account-top-actions>.nc-notification-menu{
    grid-column:2!important;
  }
  .nc-topbar .account-top-actions>.account-user-menu{
    grid-column:1 / -1!important;
  }

  /* Sprachwahl: feste Zeile, keine Desktop-Ausfahranimation, kein X-Symbol. */
  .nc-topbar .account-top-actions .nc-language-selector,
  .nc-topbar .account-top-actions .nc-language-selector.is-open,
  .nc-topbar .account-top-actions .nc-language-selector.is-previewing,
  .nc-topbar .account-top-actions .nc-language-selector.is-saving{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    flex:0 0 auto!important;
    transform:none!important;
    overflow:visible!important;
    border:1px solid rgba(56,215,255,.24)!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,rgba(10,24,42,.96),rgba(5,14,27,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    transition:border-color .18s ease,background .18s ease!important;
  }
  .nc-topbar .account-top-actions .nc-language-selector:hover,
  .nc-topbar .account-top-actions .nc-language-selector:focus-within{
    border-color:rgba(76,220,255,.48)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  .nc-topbar .account-top-actions .nc-language-selector__trigger,
  .nc-topbar .account-top-actions .nc-language-selector.is-open .nc-language-selector__trigger,
  .nc-topbar .account-top-actions .nc-language-selector.is-previewing .nc-language-selector__trigger{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr) 22px!important;
    align-items:center!important;
    gap:7px!important;
    padding:4px 9px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:12px!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .nc-topbar .account-top-actions .nc-language-selector__trigger:focus-visible{
    box-shadow:inset 0 0 0 2px rgba(76,220,255,.34)!important;
  }
  .nc-topbar .account-top-actions .nc-language-selector__leading{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    display:grid!important;
    place-items:center!important;
    transform:none!important;
    background:transparent!important;
  }
  .nc-topbar .account-top-actions .nc-language-selector__globe{
    display:none!important;
  }
  .nc-topbar .account-top-actions .nc-language-selector__flag,
  .nc-topbar .account-top-actions .nc-language-selector.has-selection .nc-language-selector__flag,
  .nc-topbar .account-top-actions .nc-language-selector.has-selection:is(.is-open,.is-previewing) .nc-language-selector__flag{
    position:static!important;
    width:24px!important;
    height:18px!important;
    display:inline-flex!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    border-radius:4px!important;
  }
  .nc-topbar .account-top-actions .nc-language-selector__current,
  .nc-topbar .account-top-actions .nc-language-selector.is-open .nc-language-selector__current,
  .nc-topbar .account-top-actions .nc-language-selector.is-previewing .nc-language-selector__current{
    position:static!important;
    inset:auto!important;
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:hidden!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    transform:none!important;
    filter:none!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .nc-topbar .account-top-actions .nc-language-selector__name{
    display:block!important;
    overflow:hidden!important;
    color:#eaf5ff!important;
    font-size:11px!important;
    line-height:1.15!important;
    font-weight:850!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .nc-topbar .account-top-actions .nc-language-selector__code{
    display:none!important;
  }
  .nc-topbar .account-top-actions .nc-language-selector__arrow-slot{
    width:22px!important;
    height:32px!important;
    min-width:22px!important;
    display:grid!important;
    place-items:center!important;
    transform:none!important;
  }
  .nc-topbar .account-top-actions .nc-language-selector__icon-box{
    width:20px!important;
    height:20px!important;
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .nc-topbar .account-top-actions .nc-language-selector__icon-box::before{
    content:""!important;
    width:7px!important;
    height:7px!important;
    display:block!important;
    border-right:1.8px solid #61e4ff!important;
    border-bottom:1.8px solid #61e4ff!important;
    transform:translateY(-2px) rotate(45deg)!important;
    transition:transform .18s ease!important;
  }
  .nc-topbar .account-top-actions .nc-language-selector.is-open .nc-language-selector__icon-box::before{
    transform:translateY(2px) rotate(225deg)!important;
  }
  .nc-topbar .account-top-actions .nc-language-selector__ring,
  .nc-topbar .account-top-actions .nc-language-selector__arrow,
  .nc-topbar .account-top-actions .nc-language-selector__line,
  .nc-topbar .account-top-actions .nc-language-selector__timer{
    display:none!important;
  }

  /* Profil: die gesamte Zeile ist der Ausloeser; kein zusaetzlicher Pfeil darunter. */
  .nc-topbar .account-top-actions .account-user-menu{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  .nc-topbar .account-top-actions .account-user-trigger,
  .nc-topbar .account-top-actions .account-user-menu[open] .account-user-trigger{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
    margin:0!important;
    padding:5px 10px!important;
    overflow:hidden!important;
    list-style:none!important;
    border:1px solid rgba(93,116,166,.24)!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,rgba(13,25,45,.96),rgba(7,15,29,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  .nc-topbar .account-top-actions .account-user-trigger:hover,
  .nc-topbar .account-top-actions .account-user-trigger:focus-visible{
    border-color:rgba(76,220,255,.42)!important;
    outline:0!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  .nc-topbar .account-top-actions .account-user-trigger::marker,
  .nc-topbar .account-top-actions .account-user-trigger::-webkit-details-marker{
    display:none!important;
    content:""!important;
  }
  .nc-topbar .account-top-actions .account-user-caret{
    display:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    visibility:hidden!important;
  }
  .nc-topbar .account-top-actions .account-user-avatar{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
  .nc-topbar .account-top-actions .account-user-copy{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    display:grid!important;
    gap:1px!important;
  }
  .nc-topbar .account-top-actions .account-user-copy strong,
  .nc-topbar .account-top-actions .account-user-copy small{
    width:100%!important;
    max-width:none!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .nc-topbar{margin-bottom:18px!important}
}

/* Patch 3.56k36 · Mobile Kopfbereich final bereinigt
   Profil bekommt einen klaren Aufklapp-Pfeil. Die Hauptnavigation nutzt nur
   noch einen kompakten Menüknopf; alte Statusboxen und doppelte Leuchtrahmen
   werden mobil vollständig unterdrückt. */
@media (max-width:760px){
  /* Feste, ruhige App-Leiste. */
  .nc-sidebar{
    height:64px!important;
    min-height:64px!important;
    padding:8px 10px!important;
    gap:8px!important;
  }
  .nc-brand{
    flex:1 1 auto!important;
    max-width:calc(100% - 54px)!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .nc-brand-mark,
  .nc-brand-mark img{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }
  .nc-brand>span:last-child{
    min-width:0!important;
    overflow:hidden!important;
  }
  .nc-brand strong,
  .nc-brand small{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Nur ein kompakter Menüknopf – kein Textblock und kein Doppelrahmen. */
  .nc-mobile-nav-toggle,
  .nc-sidebar.is-open .nc-mobile-nav-toggle{
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    place-items:center!important;
    border:1px solid rgba(56,215,255,.34)!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,rgba(13,29,49,.98),rgba(6,17,31,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
    transform:none!important;
  }
  .nc-mobile-nav-toggle:hover,
  .nc-mobile-nav-toggle:focus-visible{
    border-color:rgba(76,220,255,.68)!important;
    box-shadow:0 0 0 3px rgba(56,215,255,.10),inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  .nc-mobile-nav-toggle__copy{
    display:none!important;
  }
  .nc-mobile-nav-toggle__icon{
    width:28px!important;
    height:28px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .nc-mobile-nav-toggle__icon i{
    width:16px!important;
    height:2px!important;
    background:#62e2ff!important;
  }
  .nc-mobile-nav-toggle__icon i:nth-child(1){top:8px!important}
  .nc-mobile-nav-toggle__icon i:nth-child(2){top:13px!important}
  .nc-mobile-nav-toggle__icon i:nth-child(3){top:18px!important}
  .nc-sidebar.is-open .nc-mobile-nav-toggle__icon i:nth-child(1){top:13px!important;transform:rotate(45deg)!important}
  .nc-sidebar.is-open .nc-mobile-nav-toggle__icon i:nth-child(2){opacity:0!important}
  .nc-sidebar.is-open .nc-mobile-nav-toggle__icon i:nth-child(3){top:13px!important;transform:rotate(-45deg)!important}

  /* Das mobile Menü beginnt direkt unter der App-Leiste. */
  .nc-nav{
    top:72px!important;
    max-height:calc(100dvh - 82px)!important;
  }

  /* Die alte Verbindungsbox darf im mobilen Menü nicht hinter dem Logo liegen. */
  .nc-side-note,
  .nc-sidebar.is-open .nc-side-note{
    display:none!important;
  }

  /* Profilzeile: Avatar, Name und eindeutiger Aufklapp-Pfeil. */
  .nc-topbar .account-top-actions .account-user-trigger,
  .nc-topbar .account-top-actions .account-user-menu[open] .account-user-trigger{
    grid-template-columns:34px minmax(0,1fr) 24px!important;
    padding:5px 9px!important;
  }
  .nc-topbar .account-top-actions .account-user-caret{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
    visibility:visible!important;
    color:transparent!important;
    font-size:0!important;
    border:1px solid rgba(56,215,255,.24)!important;
    border-radius:8px!important;
    background:rgba(56,215,255,.055)!important;
    transform:none!important;
    transition:border-color .18s ease,background .18s ease!important;
  }
  .nc-topbar .account-top-actions .account-user-caret::before{
    content:""!important;
    width:7px!important;
    height:7px!important;
    display:block!important;
    border-right:1.8px solid #61e4ff!important;
    border-bottom:1.8px solid #61e4ff!important;
    transform:translateY(-2px) rotate(45deg)!important;
    transition:transform .18s ease!important;
  }
  .nc-topbar .account-top-actions .account-user-menu[open] .account-user-caret::before{
    transform:translateY(2px) rotate(225deg)!important;
  }
  .nc-topbar .account-top-actions .account-user-trigger:hover .account-user-caret,
  .nc-topbar .account-top-actions .account-user-trigger:focus-visible .account-user-caret{
    border-color:rgba(76,220,255,.55)!important;
    background:rgba(56,215,255,.10)!important;
  }

  /* Sprachpfeil bleibt ebenfalls klar erkennbar, ohne X oder Leuchtring. */
  .nc-topbar .account-top-actions .nc-language-selector__icon-box::before{
    width:7px!important;
    height:7px!important;
    border-right:1.8px solid #61e4ff!important;
    border-bottom:1.8px solid #61e4ff!important;
  }
}

/* Patch 3.56k37 · klares Profil-Chevron auf Mobilgeraeten
   Kein zusaetzlicher Rahmen, kein Textzeichen und kein Pseudo-Element mehr. */
@media (max-width:760px){
  .nc-topbar .account-top-actions .account-user-trigger,
  .nc-topbar .account-top-actions .account-user-menu[open] .account-user-trigger{
    grid-template-columns:34px minmax(0,1fr) 28px!important;
  }

  .nc-topbar .account-top-actions .account-user-caret,
  .nc-topbar .account-top-actions .account-user-menu[open] .account-user-caret{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    visibility:visible!important;
    color:#64e3ff!important;
    font-size:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }

  .nc-topbar .account-top-actions .account-user-caret::before,
  .nc-topbar .account-top-actions .account-user-caret::after{
    content:none!important;
    display:none!important;
  }

  .nc-topbar .account-top-actions .account-user-caret svg{
    width:18px!important;
    height:18px!important;
    display:block!important;
    overflow:visible!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    transform:none!important;
    transition:transform .18s ease,color .18s ease!important;
  }

  .nc-topbar .account-top-actions .account-user-menu[open] .account-user-caret svg{
    transform:rotate(180deg)!important;
  }

  .nc-topbar .account-top-actions .account-user-trigger:hover .account-user-caret,
  .nc-topbar .account-top-actions .account-user-trigger:focus-visible .account-user-caret{
    color:#a8f2ff!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}

/* Patch 3.56k38 · Mobile Konto-Kopf und Statusfelder
   Der Konto-Kopf wird auf Smartphones bewusst einspaltig aufgebaut. Die
   Statusanzeigen bleiben kompakte Badges und duerfen nicht mehr zu hohen
   Kreisen werden oder die Navigation zusammendruecken. */
@media (max-width:760px){
  .account-control-page.account-page-split .account-split-hero,
  .account-control-page.account-page-split .account-command-center-slim{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:15px!important;
    align-items:stretch!important;
    padding:18px!important;
    overflow:hidden!important;
  }

  .account-control-page.account-page-split .account-command-main{
    width:100%!important;
    min-width:0!important;
  }
  .account-control-page.account-page-split .account-command-main h2{
    margin:0 0 8px!important;
    font-size:clamp(25px,7vw,31px)!important;
    line-height:1.04!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .account-control-page.account-page-split .account-command-main .muted-text{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.42!important;
  }

  .account-control-page.account-page-split .account-section-tabs{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:15px!important;
  }
  .account-control-page.account-page-split .account-section-tabs a{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    justify-content:flex-start!important;
    padding:8px 10px!important;
    border-radius:12px!important;
    font-size:13px!important;
    line-height:1.18!important;
    white-space:normal!important;
  }
  .account-control-page.account-page-split .account-section-tabs a span{
    min-width:0!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  .account-control-page.account-page-split .account-command-side,
  .account-control-page.account-page-split .account-command-side.is-pending{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding-top:14px!important;
    border-top:1px solid rgba(56,215,255,.13)!important;
  }
  .account-control-page.account-page-split .account-command-side .account-status-pill{
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    height:auto!important;
    margin:0!important;
    padding:9px 10px!important;
    border-radius:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:11px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .account-control-page.account-page-split .account-command-side:not(.is-pending) .account-status-pill:nth-child(3){
    grid-column:1 / -1!important;
  }
}

@media (max-width:390px){
  .account-control-page.account-page-split .account-section-tabs{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .account-control-page.account-page-split .account-command-side,
  .account-control-page.account-page-split .account-command-side.is-pending{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .account-control-page.account-page-split .account-command-side:not(.is-pending) .account-status-pill:nth-child(3){
    grid-column:auto!important;
  }
}


/* Patch 3.56k39 · NexCore-ID und Kopieraktion sauber ausrichten */
.account-session-list > .account-session-id-entry{
  display:grid;
  gap:9px;
}
.account-session-id-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-width:0;
}
.account-session-id-main > strong{
  min-width:0;
  margin-top:0!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.account-session-id-main > .inline-copy-btn{
  margin-left:0;
  min-height:36px;
  flex:0 0 auto;
  white-space:nowrap;
  justify-content:center;
}
@media (max-width:340px){
  .account-session-id-main{grid-template-columns:1fr;}
  .account-session-id-main > .inline-copy-btn{width:100%;}
}

/* Patch 3.56k41 – Dropdown-Pfeile stabil ausrichten + Live-Emoji-Vorschau
   Die früheren Pfeilregeln setzten dasselbe <i>-Element teils relativ und teils
   absolut. Dadurch rutschten die Pfeile in den Button-/Kategorie-Feldern nach
   links oder über den Text. Dieser abschließende Block gibt allen betroffenen
   NexCore-Selects genau eine feste Position. */
.nc-js-select-toggle,
.nc-panel-js-select-toggle,
.nc-role-select-toggle{
  position:relative!important;
  padding-right:50px!important;
}

.nc-js-select-toggle > i,
.nc-panel-js-select-toggle > i,
.nc-role-select-toggle > i{
  position:absolute!important;
  top:50%!important;
  right:9px!important;
  bottom:auto!important;
  left:auto!important;
  margin:0!important;
  z-index:2!important;
  transform:translateY(-50%) rotate(0deg)!important;
  transform-origin:center!important;
  pointer-events:none!important;
}

.nc-js-select.open .nc-js-select-toggle > i,
.nc-panel-js-select.open .nc-panel-js-select-toggle > i,
.nc-role-select.open .nc-role-select-toggle > i{
  transform:translateY(-50%) rotate(180deg)!important;
}

/* Im Wizard und im Ticket-Panel darf der Text niemals unter den Pfeil laufen. */
.wizard-button-admin .nc-js-select-toggle > span,
.setup-card .nc-js-select-toggle > span,
.setup-card-slim .nc-js-select-toggle > span,
.category-lean-list .nc-js-select-toggle > span,
.ticket-panel-admin .nc-js-select-toggle > span,
.nc-panel-js-select-toggle > span,
.nc-role-select-toggle > span{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

@media(max-width:720px){
  .nc-js-select-toggle,
  .nc-panel-js-select-toggle,
  .nc-role-select-toggle{
    padding-right:46px!important;
  }
  .nc-js-select-toggle > i,
  .nc-panel-js-select-toggle > i,
  .nc-role-select-toggle > i{
    right:8px!important;
  }
}

/* Patch 3.56k43: echte Discord-Server-Emojis in Live-Vorschauen */
.nc-discord-custom-emoji{
  display:inline-block;
  width:1.15em;
  height:1.15em;
  min-width:1.15em;
  object-fit:contain;
  vertical-align:-0.18em;
  border:0;
  border-radius:3px;
}
.nc-discord-custom-emoji--button{
  width:1.05em;
  height:1.05em;
  min-width:1.05em;
  vertical-align:-0.15em;
}
.nc-discord-custom-emoji--dot{
  width:22px;
  height:22px;
  min-width:22px;
  vertical-align:middle;
}
.nc-discord-custom-emoji--title{
  width:1.25em;
  height:1.25em;
  min-width:1.25em;
  vertical-align:-0.2em;
}
.nc-preview-button-symbol{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  line-height:1;
}


/* Patch 3.56k91 - Steam64-Hilfe in der Live-Vorschau wie in Discord */
.ticket-panel-admin .panel-account-help-preview{
  display:flex;
  align-items:center;
  gap:7px;
  margin:9px 0 10px;
  padding:0;
  color:#dcddde;
  font-size:.82rem;
  line-height:1.35;
}
.ticket-panel-admin .panel-account-help-preview[hidden]{display:none!important;}
.ticket-panel-admin .panel-account-help-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 20px;
  width:20px;
  height:20px;
  border-radius:3px;
  background:#3ba6df;
  color:#fff;
  font-size:.8rem;
  font-weight:900;
  font-style:normal;
}
.ticket-panel-admin .panel-account-help-preview a{
  color:#00a8fc;
  text-decoration:none;
}
.ticket-panel-admin .panel-account-help-preview a:hover{text-decoration:underline;}

/* Patch 3.56k95 - Einheitliche Hilfszeile für alle Felder unter IDs & Accounts */
.setup-form-builder .form-field-row > .account-field-helper,
.tt-form-builder-wizard .tt-wizard-field-row > .account-field-helper{
  grid-column:2 / 3 !important;
  grid-row:2 !important;
  justify-self:start !important;
  align-self:center !important;
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:1px 0 0 !important;
  color:#8fa7c3 !important;
  font-size:12px !important;
  font-weight:650 !important;
  line-height:1.25 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}
.setup-form-builder .form-field-row > a.account-field-helper,
.tt-form-builder-wizard .tt-wizard-field-row > a.account-field-helper{
  color:#38d7ff !important;
  font-weight:800 !important;
}
.setup-form-builder .form-field-row > a.account-field-helper:hover,
.tt-form-builder-wizard .tt-wizard-field-row > a.account-field-helper:hover{
  text-decoration:underline !important;
}
.setup-form-builder .form-field-row > .form-field-required,
.tt-form-builder-wizard .tt-wizard-field-row > .form-field-required{
  grid-column:3 !important;
  grid-row:1 !important;
  justify-self:end !important;
}
.setup-form-builder .form-field-row > .field-extra-panel,
.tt-form-builder-wizard .tt-wizard-field-row > .field-extra-panel{
  grid-column:1 / -1 !important;
}

@media(max-width:760px){
  .setup-form-builder .form-field-row,
  .tt-form-builder-wizard .tt-wizard-field-row{
    grid-template-columns:28px minmax(0,1fr) !important;
  }
  .setup-form-builder .form-field-row > .form-field-main,
  .tt-form-builder-wizard .tt-wizard-field-row > .form-field-main{
    grid-column:2 !important;
    grid-row:1 !important;
  }
  .setup-form-builder .form-field-row > .form-field-required,
  .tt-form-builder-wizard .tt-wizard-field-row > .form-field-required{
    grid-column:2 !important;
    grid-row:2 !important;
    justify-self:start !important;
    padding-left:0 !important;
  }
  .setup-form-builder .form-field-row > .account-field-helper,
  .tt-form-builder-wizard .tt-wizard-field-row > .account-field-helper{
    grid-column:2 !important;
    grid-row:3 !important;
  }
}


/* Patch 3.56k94 - Discord-nahe Account-ID-Hilfe in jeder Ticketpanel-Vorschau.
   Die alten Regeln waren an .ticket-panel-admin gebunden. Auf der aktuellen
   Seite liegt die Vorschau nicht immer unter diesem Wrapper; dadurch erschien
   das Icon als nacktes "i" direkt vor dem Satz. */
.discord-preview .panel-account-help-preview,
.shared-panel-preview .panel-account-help-preview{
  display:flex;
  align-items:center;
  gap:7px;
  margin:8px 0 10px;
  padding:0;
  color:#dbdee1;
  font-size:.82rem;
  line-height:1.35;
  min-width:0;
}
.discord-preview .panel-account-help-preview[hidden],
.shared-panel-preview .panel-account-help-preview[hidden]{display:none!important;}
.discord-preview .panel-account-help-preview > [data-account-help-steam],
.discord-preview .panel-account-help-preview > [data-account-help-generic],
.shared-panel-preview .panel-account-help-preview > [data-account-help-steam],
.shared-panel-preview .panel-account-help-preview > [data-account-help-generic]{
  min-width:0;
  overflow-wrap:anywhere;
}
.discord-preview .panel-account-help-icon,
.shared-panel-preview .panel-account-help-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 20px;
  width:20px;
  height:20px;
  border-radius:3px;
  background:#3ba6df;
  color:#fff;
  font-size:.8rem;
  font-weight:900;
  font-style:normal;
  line-height:1;
}
.discord-preview .panel-account-help-preview a,
.shared-panel-preview .panel-account-help-preview a{
  color:#00a8fc;
  text-decoration:none;
  font-weight:500;
}
.discord-preview .panel-account-help-preview a:hover,
.shared-panel-preview .panel-account-help-preview a:hover{text-decoration:underline;}


/* Patch 3.56k95 - Erklärhinweis innerhalb des IDs-&-Accounts-Builders */
.account-fields-builder-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:10px 12px 12px;
  padding:11px 12px;
  border:1px solid rgba(56,215,255,.24);
  border-radius:12px;
  background:rgba(20,89,120,.12);
  color:#a9bbcf;
  font-size:12px;
  line-height:1.45;
}
.account-fields-builder-note[hidden]{display:none!important;}
.account-fields-builder-note-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 20px;
  width:20px;
  height:20px;
  border-radius:5px;
  background:rgba(56,215,255,.18);
  color:#38d7ff;
  font-size:12px;
  font-weight:900;
  line-height:1;
}
.account-fields-builder-note strong{
  display:block;
  margin:0 0 2px;
  color:#e5f8ff;
  font-size:12px;
}

/* Der Live-Zustand hat immer Vorrang vor dem serverseitigen Startwert. */
.panel-account-help-preview[data-account-help-live-mode="none"]{display:none!important;}
.panel-account-help-preview [data-account-help-steam][hidden],
.panel-account-help-preview [data-account-help-generic][hidden]{display:none!important;}


/* Control Center 2.0b — global NexCore product switcher */
.nc-global-platform-menu{position:relative}.nc-global-platform-menu>summary{list-style:none;display:flex;align-items:center;gap:7px;height:38px;padding:4px 8px 4px 5px;border:1px solid rgba(55,217,255,.20);border-radius:999px;background:rgba(6,15,29,.72);cursor:pointer;min-width:128px}.nc-global-platform-menu>summary::-webkit-details-marker{display:none}.nc-global-platform-menu>summary>span:nth-child(2){display:grid;gap:0}.nc-global-platform-menu>summary strong{font-size:10px;color:#edfaff}.nc-global-platform-menu>summary small{font-size:7px;color:#6e86a1}.nc-global-platform-menu>summary i{margin-left:auto;color:#6c8aa7;font-style:normal;font-size:13px}.nc-global-platform-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:rgba(50,213,255,.09);color:#58ddff}.nc-global-platform-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nc-global-platform-panel{position:absolute;right:0;top:calc(100% + 8px);width:286px;padding:9px;border:1px solid rgba(55,217,255,.17);border-radius:14px;background:#071225;box-shadow:0 24px 55px rgba(0,0,0,.48);z-index:120;display:grid;gap:4px}.nc-global-platform-label{padding:3px 7px 6px;color:#617c99;font-size:8px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.nc-global-platform-panel a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border-radius:10px;color:#ddecfa;text-decoration:none;border:1px solid transparent}.nc-global-platform-panel a:hover,.nc-global-platform-panel a.is-active{background:rgba(54,215,255,.065);border-color:rgba(54,215,255,.12)}.nc-global-platform-panel a>span:nth-child(2){display:grid;gap:1px}.nc-global-platform-panel a strong{font-size:10px}.nc-global-platform-panel a small{font-size:8px;color:#7189a5}.nc-global-platform-panel a em{font-style:normal;font-size:7px;color:#65e8c2;border:1px solid rgba(74,238,194,.18);border-radius:999px;padding:3px 5px}.nc-global-platform-item-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(58,216,255,.06);color:#58dcff}.nc-global-platform-item-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nc-global-platform-item-icon--control svg path{fill:currentColor;stroke:none}.nc-global-platform-item-icon--game img{width:27px;height:27px;object-fit:contain}
@media(max-width:780px){.nc-global-platform-menu>summary{min-width:0}.nc-global-platform-menu>summary>span:nth-child(2),.nc-global-platform-menu>summary i{display:none}.nc-global-platform-panel{right:-8px;width:min(286px,calc(100vw - 24px))}}


/* 2.0c: NexCore area switch lives in the sidebar, not the topbar */
.nc-global-platform-menu{display:none!important}
.nc-nav-group--platform{margin-top:2px;padding-top:10px;border-top:1px solid rgba(81,215,255,.08)}
.nc-platform-side-links a{min-height:42px}
.nc-platform-side-icon{display:grid!important;place-items:center;color:#57ddff}
.nc-platform-side-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nc-platform-side-links a:first-child .nc-platform-side-icon svg path{fill:currentColor;stroke:none}
.nc-platform-side-icon--server svg{fill:none!important;stroke:currentColor!important}

/* Patch 3.57b16 · Tablet-Navigation 761–1100 px
   Der gemeinsame responsive Breakpoint stellt den Shell ab 1100 px auf eine
   Spalte. Bislang blieb die Desktop-Seitenleiste aber bis 760 px ausgeklappt
   und lag dadurch auf Tablets vor dem eigentlichen Inhalt. Zwischen 761 und
   1100 px verwendet SupportDesk nun ebenfalls die kompakte App-Leiste mit
   bewusst aufklappbarer Navigation. Smartphone-Regeln <=760 px bleiben
   unverändert. */
@media (min-width:761px) and (max-width:1100px){
  html,body{max-width:100%;overflow-x:hidden!important}
  body.nc-mobile-nav-open{overflow:hidden;touch-action:none}
  body.nc-mobile-nav-open::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:990;
    background:rgba(1,6,15,.72);
    backdrop-filter:blur(7px);
  }

  .nc-shell{
    display:block!important;
    min-height:100vh;
    min-height:100dvh;
  }
  .nc-sidebar{
    position:sticky!important;
    top:0!important;
    z-index:1000;
    width:100%!important;
    height:70px!important;
    min-height:70px!important;
    padding:9px 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    overflow:visible!important;
    border-right:0!important;
    border-bottom:1px solid rgba(56,215,255,.18)!important;
    background:rgba(4,10,22,.96)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
    backdrop-filter:blur(22px);
  }
  .nc-brand{
    position:relative;
    z-index:1004;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:330px!important;
    margin:0!important;
    padding:2px 4px!important;
    gap:10px!important;
  }
  .nc-brand-mark,.nc-brand-mark img{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }
  .nc-brand>span:last-child{min-width:0!important}
  .nc-brand strong{font-size:15px!important;white-space:nowrap!important}
  .nc-brand small{font-size:11px!important;white-space:nowrap!important}

  .nc-mobile-nav-toggle{
    position:relative;
    z-index:1004;
    width:min(270px,48vw)!important;
    max-width:270px!important;
    min-height:48px!important;
    padding:6px 12px 6px 9px!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    border:1px solid rgba(56,215,255,.30)!important;
    border-radius:14px!important;
    color:#eef7ff!important;
    background:linear-gradient(180deg,rgba(17,31,53,.97),rgba(7,15,29,.99))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
    cursor:pointer!important;
    text-align:left!important;
  }
  .nc-mobile-nav-toggle:hover,.nc-mobile-nav-toggle:focus-visible{
    border-color:rgba(76,220,255,.68)!important;
    outline:0!important;
    box-shadow:0 0 0 3px rgba(56,215,255,.10),inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  .nc-mobile-nav-toggle__icon{
    position:relative!important;
    width:30px!important;
    height:30px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(56,215,255,.24)!important;
    border-radius:10px!important;
    background:rgba(56,215,255,.07)!important;
  }
  .nc-mobile-nav-toggle__icon i{
    position:absolute!important;
    width:14px!important;
    height:2px!important;
    border-radius:99px!important;
    background:#55dcff!important;
    transition:transform .2s ease,opacity .2s ease,top .2s ease!important;
  }
  .nc-mobile-nav-toggle__icon i:nth-child(1){top:9px!important}
  .nc-mobile-nav-toggle__icon i:nth-child(2){top:14px!important}
  .nc-mobile-nav-toggle__icon i:nth-child(3){top:19px!important}
  .nc-sidebar.is-open .nc-mobile-nav-toggle__icon i:nth-child(1){top:14px!important;transform:rotate(45deg)!important}
  .nc-sidebar.is-open .nc-mobile-nav-toggle__icon i:nth-child(2){opacity:0!important}
  .nc-sidebar.is-open .nc-mobile-nav-toggle__icon i:nth-child(3){top:14px!important;transform:rotate(-45deg)!important}
  .nc-mobile-nav-toggle__copy{min-width:0!important;display:grid!important;gap:1px!important}
  .nc-mobile-nav-toggle__copy small{
    color:#55dcff!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.11em!important;
    line-height:1.1!important;
    text-transform:uppercase!important;
  }
  .nc-mobile-nav-toggle__copy strong{
    min-width:0!important;
    overflow:hidden!important;
    color:#f3f8ff!important;
    font-size:12px!important;
    line-height:1.2!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .nc-nav{
    position:fixed!important;
    top:80px!important;
    left:16px!important;
    right:16px!important;
    bottom:16px!important;
    z-index:1002!important;
    display:none!important;
    align-content:start!important;
    gap:15px!important;
    max-height:calc(100dvh - 96px)!important;
    padding:18px 16px 28px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    border:1px solid rgba(56,215,255,.24)!important;
    border-radius:20px!important;
    background:radial-gradient(circle at 100% 0%,rgba(99,102,241,.13),transparent 34%),linear-gradient(180deg,rgba(10,20,38,.995),rgba(4,10,22,.998))!important;
    box-shadow:0 28px 80px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  .nc-sidebar.is-open .nc-nav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    animation:nc-mobile-nav-in .18s ease-out both!important;
  }
  .nc-nav-group{min-width:0!important;align-self:start!important}
  .nc-nav-group__label{padding-inline:10px!important;font-size:9px!important}
  .nc-nav-group__items{gap:5px!important}
  .nc-nav-group__items a{
    min-width:0!important;
    min-height:44px!important;
    padding:10px 12px!important;
    border-radius:13px!important;
    font-size:14px!important;
  }
  .nc-nav-group__items a span:last-child{min-width:0!important;overflow-wrap:anywhere!important}
  .nc-side-note,.nc-sidebar.is-open .nc-side-note{display:none!important}

  .nc-main{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:calc(100dvh - 70px)!important;
    margin:0!important;
    padding:24px 20px 48px!important;
  }
  .nc-main>*{max-width:100%!important;min-width:0!important}
}