/* REGAB – isolierter Theme-Fix für den großen Benutzerrechte-Dialog.
   Wir greifen bewusst nur innerhalb .rights-modal-wide ein. */

.modal-card.rights-modal-wide {
  --rights-surface: #ffffff;
  --rights-card: #ffffff;
  --rights-soft: #f6f9fc;
  --rights-soft-strong: #eef4fb;
  --rights-text: #172536;
  --rights-heading: #172536;
  --rights-muted: #6f8092;
  --rights-faint: #8a9aad;
  --rights-line: #dce6ef;
  --rights-line-strong: #c7d7e8;
  --rights-blue: #3977ed;
  --rights-blue-soft: #eaf2ff;
  --rights-green: #1f8d61;
  --rights-green-soft: #e9f8f0;
  --rights-red: #c2464d;
  --rights-red-soft: #fff0f2;
  background: var(--rights-surface) !important;
  color: var(--rights-text) !important;
  border-color: var(--rights-line) !important;
}

html.theme-dark body .modal-card.rights-modal-wide,
body.theme-dark .modal-card.rights-modal-wide {
  --rights-surface: #10283d;
  --rights-card: #0b2134;
  --rights-soft: #071827;
  --rights-soft-strong: #12324c;
  --rights-text: #edf6ff;
  --rights-heading: #f7fbff;
  --rights-muted: #a6b9cc;
  --rights-faint: #7f99b5;
  --rights-line: #244b70;
  --rights-line-strong: #346a9e;
  --rights-blue: #72abff;
  --rights-blue-soft: rgba(91, 156, 255, .16);
  --rights-green: #67d49b;
  --rights-green-soft: rgba(35, 154, 99, .18);
  --rights-red: #ff9099;
  --rights-red-soft: rgba(203, 64, 71, .18);
  background: var(--rights-surface) !important;
  color: var(--rights-text) !important;
  border-color: var(--rights-line-strong) !important;
}

.rights-modal-wide .eyebrow,
.rights-modal-wide h1,
.rights-modal-wide h2,
.rights-modal-wide h3,
.rights-modal-wide strong,
.rights-modal-wide .permission-tab-head strong,
.rights-modal-wide .permission-module h3,
.rights-modal-wide .permission-check strong,
.rights-modal-wide .permission-assignment strong,
.rights-modal-wide .selected-user-strip strong,
.rights-modal-wide .rights-security-box strong,
.rights-modal-wide .managed-user-list strong {
  color: var(--rights-heading) !important;
}

.rights-modal-wide p,
.rights-modal-wide small,
.rights-modal-wide label,
.rights-modal-wide .modal-hint,
.rights-modal-wide .permission-tab-head span,
.rights-modal-wide .permission-check small,
.rights-modal-wide .permission-assignment small,
.rights-modal-wide .selected-user-strip small,
.rights-modal-wide .rights-user-identity em,
.rights-modal-wide .managed-user-list small,
.rights-modal-wide .managed-user-list em,
.rights-modal-wide .rights-security-box span,
.rights-modal-wide .rights-security-box small,
.rights-modal-wide .rights-toolbar p,
.rights-modal-wide .rights-user-summary-row span {
  color: var(--rights-muted) !important;
}

.rights-modal-wide .rights-modal-body,
.rights-modal-wide .rights-modal-user,
.rights-modal-wide .selected-user-strip,
.rights-modal-wide .rights-toolbar,
.rights-modal-wide .permission-tab-panel,
.rights-modal-wide .permission-accordion,
.rights-modal-wide .permission-module,
.rights-modal-wide .permission-assignment,
.rights-modal-wide .project-access-note,
.rights-modal-wide .rights-security-box,
.rights-modal-wide .managed-user-list > button {
  background: var(--rights-soft) !important;
  color: var(--rights-text) !important;
  border-color: var(--rights-line) !important;
}

.rights-modal-wide .permission-accordion.is-open .permission-content,
.rights-modal-wide .permission-check:hover,
.rights-modal-wide .managed-user-list > button:hover,
.rights-modal-wide .rights-help-panel > div {
  background: var(--rights-card) !important;
  border-color: var(--rights-line-strong) !important;
}

.rights-modal-wide .rights-user-console {
  background:
    linear-gradient(135deg, var(--rights-soft), var(--rights-card)) !important;
}

.rights-modal-wide .rights-security-box {
  display: grid !important;
  gap: 14px !important;
}

.rights-modal-wide .rights-security-box > div {
  color: var(--rights-text) !important;
}

.rights-modal-wide .rights-security-box .switch-row {
  justify-self: end;
  background: var(--rights-card) !important;
  border-color: var(--rights-line-strong) !important;
}

.rights-modal-wide .permission-tab-head > span,
.rights-modal-wide .permission-tab-head .access-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 6px 12px !important;
  color: var(--rights-muted) !important;
  background: var(--rights-soft-strong) !important;
  border: 1px solid var(--rights-line) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.rights-modal-wide .rights-user-summary-row span,
.rights-modal-wide .permission-tab-list button,
.rights-modal-wide .permission-accordion-toggle,
.rights-modal-wide .permission-accordion summary,
.rights-modal-wide .permission-accordion-toggle em,
.rights-modal-wide .permission-accordion summary em,
.rights-modal-wide .permission-assignment span,
.rights-modal-wide .managed-user-list i,
.rights-modal-wide .access-status-pill,
.rights-modal-wide .switch-row,
.rights-modal-wide .checkbox-field {
  background: var(--rights-soft-strong) !important;
  color: var(--rights-text) !important;
  border-color: var(--rights-line) !important;
}

.rights-modal-wide .permission-tab-list button:hover,
.rights-modal-wide .permission-tab-list button.is-active,
.rights-modal-wide .managed-user-list > button.is-selected {
  color: var(--rights-blue) !important;
  background: var(--rights-blue-soft) !important;
  border-color: var(--rights-blue) !important;
  box-shadow: inset 3px 0 var(--rights-blue) !important;
}

.rights-modal-wide .permission-tab-list button.is-active span,
.rights-modal-wide .permission-tab-list button.is-active em,
.rights-modal-wide .managed-user-list > button.is-selected strong {
  color: var(--rights-blue) !important;
}

.rights-modal-wide input,
.rights-modal-wide select,
.rights-modal-wide textarea,
.rights-modal-wide .rights-create-form input,
.rights-modal-wide .rights-create-form select,
.rights-modal-wide .rights-toolbar select,
.rights-modal-wide .selected-user-strip select {
  color: var(--rights-text) !important;
  background: var(--rights-card) !important;
  border-color: var(--rights-line) !important;
}

.rights-modal-wide input::placeholder,
.rights-modal-wide textarea::placeholder {
  color: var(--rights-faint) !important;
}

.rights-modal-wide input:focus,
.rights-modal-wide select:focus,
.rights-modal-wide textarea:focus {
  border-color: var(--rights-blue) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--rights-blue) 18%, transparent) !important;
}

.rights-modal-wide .secondary-button,
.rights-modal-wide .ghost-button,
.rights-modal-wide .modal-close,
.rights-modal-wide .permission-choice button {
  color: var(--rights-text) !important;
  background: var(--rights-card) !important;
  border-color: var(--rights-line) !important;
}

.rights-modal-wide .secondary-button:hover,
.rights-modal-wide .ghost-button:hover,
.rights-modal-wide .modal-close:hover,
.rights-modal-wide .permission-choice button:hover,
.rights-modal-wide .permission-choice button.is-active {
  color: var(--rights-blue) !important;
  background: var(--rights-blue-soft) !important;
  border-color: var(--rights-blue) !important;
}

.rights-modal-wide .permission-choice button.is-grant,
.rights-modal-wide .managed-user-list i.is-active,
.rights-modal-wide .permission-assignment.mode-grant,
.rights-modal-wide .access-status-pill.is-active {
  color: var(--rights-green) !important;
  background: var(--rights-green-soft) !important;
  border-color: color-mix(in srgb, var(--rights-green) 45%, var(--rights-line)) !important;
}

.rights-modal-wide .permission-choice button.is-deny,
.rights-modal-wide .managed-user-list i.is-inactive,
.rights-modal-wide .permission-assignment.mode-deny,
.rights-modal-wide .danger-button,
.rights-modal-wide .danger-zone {
  color: var(--rights-red) !important;
  background: var(--rights-red-soft) !important;
  border-color: color-mix(in srgb, var(--rights-red) 45%, var(--rights-line)) !important;
}

.rights-modal-wide .primary-button {
  color: #ffffff !important;
  background: #3977ed !important;
  border-color: #3977ed !important;
}

.rights-modal-wide svg {
  color: currentColor;
}

.rights-modal-wide .modal-actions {
  background: linear-gradient(to top, var(--rights-surface) 76%, color-mix(in srgb, var(--rights-surface) 0%, transparent)) !important;
  border-top-color: var(--rights-line) !important;
}
/* Der erklaerende Hinweisblock unter Benutzer & Rechte wird nicht mehr angezeigt. */
.rights-help-panel {
  display: none !important;
}