/*
 * Quandes ID – Admin-Konsole (keycloak.v2, PatternFly 5, immer Dark Mode via js/dark.js)
 * Basis: Palette, Schriften und Komponenten der Kontoverwaltung; hier nur Admin-Spezifisches.
 */
@import url("../../../account/quandes/css/account.css");


/* Volle Breite fuer Tabellen und Formulare (Kontoverwaltung begrenzt auf 64rem) */
:root.pf-v5-theme-dark .pf-v5-c-page__main > .pf-v5-c-page__main-section:first-child,
:root.pf-v5-theme-dark .pf-v5-c-page__main > .pf-v5-c-page__main-section:not(:first-child),
:root.pf-v5-theme-dark .pf-v5-c-page__main-section + .pf-v5-c-page__main-section {
  max-width: none;
}

:root.pf-v5-theme-dark .pf-v5-c-page__main-breadcrumb {
  --pf-v5-c-page__main-breadcrumb--BackgroundColor: transparent;
  background: transparent;
}

/* Speichern/Zuruecksetzen-Leisten (sticky Abschnitt bzw. fixe Formular-Aktionsgruppe) brauchen
   eine deckende Flaeche; sie erben sonst den transparenten Seitenbereich */
:root.pf-v5-theme-dark .pf-v5-c-page__main-section[class*="sticky"],
:root.pf-v5-theme-dark .pf-v5-c-form__group.pf-m-action[class*="buttonGroup"] {
  z-index: 10;
  border-top: 1px solid var(--q-line);
  background: rgba(11, 11, 11, 0.94);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

/* Tabellen */
:root.pf-v5-theme-dark .pf-v5-c-table {
  --pf-v5-c-table--BackgroundColor: transparent;
  --pf-v5-c-table--BorderColor: var(--q-line);
  --pf-v5-c-table--cell--Color: var(--q-ink-soft);
  --pf-v5-c-table__thead--cell--Color: var(--q-muted);
  --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: rgba(255, 255, 255, 0.03);
}

:root.pf-v5-theme-dark .pf-v5-c-table thead th {
  color: var(--q-muted);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
}

:root.pf-v5-theme-dark .pf-v5-c-toolbar {
  --pf-v5-c-toolbar--BackgroundColor: transparent;
}

/* Seitenzahl-Leiste unter Tabellen ohne eigene Flaeche */
:root.pf-v5-theme-dark .pf-v5-c-pagination {
  --pf-v5-c-pagination--m-bottom--BackgroundColor: transparent;
  --pf-v5-c-pagination--m-bottom--BoxShadow: none;
  --pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow: none;
}

/* Tabs */
:root.pf-v5-theme-dark .pf-v5-c-tabs {
  --pf-v5-c-tabs__link--Color: var(--q-muted);
  --pf-v5-c-tabs__link--BackgroundColor: transparent;
  --pf-v5-c-tabs__item--m-current__link--Color: var(--q-ink);
  --pf-v5-c-tabs__item--m-current__link--BackgroundColor: transparent;
  --pf-v5-c-tabs__link--after--BorderColor: transparent;
  --pf-v5-c-tabs__item--m-current__link--after--BorderColor: var(--q-teal);
  --pf-v5-c-tabs__link--hover--after--BorderColor: var(--q-line-strong);
  --pf-v5-c-tabs--before--BorderColor: var(--q-line);
  --pf-v5-c-tabs__link--before--BorderColor: transparent;
}

/* Umschalter (z. B. Tabelle/Diagramm) */
:root.pf-v5-theme-dark .pf-v5-c-toggle-group {
  --pf-v5-c-toggle-group__button--BackgroundColor: transparent;
  --pf-v5-c-toggle-group__button--before--BorderColor: var(--q-line-strong);
  --pf-v5-c-toggle-group__button--hover--BackgroundColor: rgba(255, 255, 255, 0.04);
  --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--q-teal-action);
  --pf-v5-c-toggle-group__button--m-selected--Color: #fff;
  --pf-v5-c-toggle-group__button--m-selected--before--BorderColor: var(--q-teal-action);
}

/* Schalter */
:root.pf-v5-theme-dark .pf-v5-c-switch {
  --pf-v5-c-switch__input--checked__toggle--BackgroundColor: var(--q-teal-action);
  --pf-v5-c-switch__toggle--BackgroundColor: rgba(255, 255, 255, 0.18);
}

/* Ablaufdiagramm (React Flow) */
:root.pf-v5-theme-dark .react-flow__node-default,
:root.pf-v5-theme-dark .react-flow__node-input,
:root.pf-v5-theme-dark .react-flow__node-output,
:root.pf-v5-theme-dark .react-flow__node-group {
  border: 1px solid var(--q-line-strong);
  border-radius: var(--q-radius);
  background: var(--q-surface-2);
  color: var(--q-ink);
  font-family: var(--q-font);
  box-shadow: none;
}

:root.pf-v5-theme-dark .react-flow__node-default.selected,
:root.pf-v5-theme-dark .react-flow__node-default:focus-visible {
  border-color: var(--q-teal);
  box-shadow: 0 0 0 2px rgba(24, 163, 155, 0.3);
}

:root.pf-v5-theme-dark .react-flow__node-conditional,
:root.pf-v5-theme-dark .react-flow__node-conditional * {
  color: var(--q-ink);
}

:root.pf-v5-theme-dark .react-flow__handle {
  border-color: var(--q-bg);
  background: var(--q-teal-soft);
}

:root.pf-v5-theme-dark .react-flow__edge-path {
  stroke: rgba(255, 255, 255, 0.35);
}

:root.pf-v5-theme-dark .react-flow__minimap {
  border: 1px solid var(--q-line);
  border-radius: var(--q-radius);
  background: var(--q-surface);
}

:root.pf-v5-theme-dark .react-flow__minimap-mask {
  fill: rgba(11, 11, 11, 0.6);
}

:root.pf-v5-theme-dark .react-flow__minimap-node {
  fill: rgba(255, 255, 255, 0.25);
  stroke: none;
}

:root.pf-v5-theme-dark .react-flow__controls {
  box-shadow: none;
}

:root.pf-v5-theme-dark .react-flow__controls-button {
  border-bottom: 1px solid var(--q-line);
  background: var(--q-surface-2);
  color: var(--q-ink);
  fill: var(--q-ink);
}

:root.pf-v5-theme-dark .react-flow__controls-button:hover {
  background: var(--q-teal-tint);
}