/* RANKHOUSE v14.9.2 – zentrale Farbtreue für das gesamte Dashboard
   Alle dekorativen Akzente folgen der vom Benutzer gewählten Designfarbe.
   Semantische Zustände wie Fehler, Gefahr, Erfolg und Warnung behalten ihre
   eindeutigen Statusfarben. */

body[data-rh-theme] {
  --accent: var(--rh-accent);
  --accent-2: var(--rh-accent-2);
  --accent-bright: var(--rh-accent-bright);
  --accent-deep: var(--rh-accent-deep);
  --accent-rgb: var(--rh-accent-rgb);
  --primary: var(--rh-accent);
  --primary-hover: var(--rh-accent-bright);
  --brand-accent: var(--rh-accent);
  --brand-accent-rgb: var(--rh-accent-rgb);
  --rh-preview-accent: var(--rh-accent);
}

body[data-rh-theme] ::selection {
  color: #fff;
  background: rgba(var(--rh-accent-rgb), .42);
}

body[data-rh-theme] :is(
  input[type="checkbox"],
  input[type="radio"],
  input[type="range"],
  progress
) {
  accent-color: var(--rh-accent);
}

body[data-rh-theme] :is(input, textarea, select):focus,
body[data-rh-theme] :is(input, textarea, select):focus-visible {
  border-color: rgba(var(--rh-accent-rgb), .72);
  box-shadow: 0 0 0 3px rgba(var(--rh-accent-rgb), .10);
  outline: none;
}

/* Primäre Aktionen aus allen Dashboard-Generationen. */
body[data-rh-theme] :is(
  .button.primary,
  .button-submit,
  .button.button-submit,
  .module-button,
  .rh-primary-action,
  button[data-primary-action]
):not(.danger):not(.danger-button) {
  border-color: rgba(var(--rh-accent-rgb), .58) !important;
  background: linear-gradient(135deg, var(--rh-accent-deep), var(--rh-accent)) !important;
  box-shadow: 0 10px 26px rgba(var(--rh-accent-rgb), .20) !important;
}

body[data-rh-theme] :is(
  .button.primary,
  .button-submit,
  .button.button-submit,
  .module-button,
  .rh-primary-action,
  button[data-primary-action]
):not(.danger):not(.danger-button):hover {
  border-color: rgba(var(--rh-accent-rgb), .78) !important;
  background: linear-gradient(135deg, var(--rh-accent), var(--rh-accent-bright)) !important;
}

/* Aktive Tabs und Auswahlzustände sämtlicher Control-Center-Schichten. */
body[data-rh-theme] :is(
  .rh-main-tabs,
  .rh-admin-tabs,
  .rh-module-tabs,
  .rh-workspace-tabs,
  .rh-section-jumpbar
) :is(.is-active, [aria-selected="true"], [aria-current="page"]) {
  border-color: rgba(var(--rh-accent-rgb), .48) !important;
  background: rgba(var(--rh-accent-rgb), .16) !important;
  box-shadow: inset 0 -2px 0 var(--rh-accent) !important;
  color: #fff !important;
}

/* Live-Modul ist ein Designakzent und kein Fehlerstatus. */
body[data-rh-theme] .rh-page-kind.rh-status-chip.is-live::before {
  background: var(--rh-accent) !important;
  box-shadow: 0 0 10px rgba(var(--rh-accent-rgb), .42) !important;
}

/* Ältere Einzelkomponenten mit früher fest eingebranntem RANKHOUSE-Rot. */
body[data-rh-theme] .ticket-workflow-item {
  border-left-color: var(--rh-accent) !important;
}

body[data-rh-theme] .rh-message-banner-composer {
  background: linear-gradient(135deg, rgba(var(--rh-accent-rgb), .07), rgba(255,255,255,.018)) !important;
}

body[data-rh-theme] .rh-discord-output-selector {
  background: linear-gradient(135deg, rgba(var(--rh-accent-rgb), .095), rgba(255,255,255,.025)) !important;
}

body[data-rh-theme] .lfg-overview-card {
  background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(var(--rh-accent-rgb), .025)) !important;
}

body[data-rh-theme] select[multiple] option:checked {
  background: rgba(var(--rh-accent-rgb), .28)
    linear-gradient(0deg, rgba(var(--rh-accent-rgb), .28), rgba(var(--rh-accent-rgb), .28)) !important;
}

body[data-rh-theme] .suggestion-history-marker {
  background: var(--rh-accent) !important;
  box-shadow: 0 0 0 4px rgba(var(--rh-accent-rgb), .15) !important;
}


/* Browser-native Fortschrittsanzeigen ebenfalls an die Akzentfarbe binden. */
body[data-rh-theme] progress::-webkit-progress-value { background: var(--rh-accent); }
body[data-rh-theme] progress::-moz-progress-bar { background: var(--rh-accent); }