/* =========================================================
   FluxPike – verbindlicher Oberflächenstandard
   Wird nach Modul- und Seiten-CSS geladen und vereinheitlicht:
   1. Filtertabellen-Köpfe
   2. Haupttabellen-Köpfe inkl. Sortierzustände
   3. Symbolschaltflächen im View-Head
   ========================================================= */

body.flux-arbeitsbereich{
  --tabellenkopf-hintergrund:var(--fp-marke-dunkel);
  --tabellenkopf-hintergrund-hover:var(--fp-marke-tief);
  --tabellenkopf-text:var(--fp-farbwert-edf5f6);
  --tabellenkopf-linie:var(--fp-farbwert-rgba-0-0-0-_25);
  --tabellenkopf-sortierung:var(--fp-marke-limette);
  --filterkopf-hintergrund:var(--fp-marke-flaeche-hell);
  --filterkopf-text:var(--fp-marke-text);
  --filterkopf-linie:var(--fp-marke-rahmen);
  --viewhead-aktion-hintergrund:var(--fp-weiss-alpha-08);
  --viewhead-aktion-hintergrund-hover:var(--fp-farbwert-rgba-39-189-208-_18);
  --viewhead-aktion-rand:var(--fp-farbwert-rgba-255-255-255-_16);
  --viewhead-aktion-rand-hover:var(--fp-marke-tuerkis);
  --viewhead-aktion-text:var(--fp-weiss);
  --tabellenaktion-rand:var(--fp-farbwert-b9cdcf);
  --tabellenaktion-flaeche:var(--fp-farbwert-edf6f7);
  --tabellenaktion-text:var(--fp-farbwert-167188);
  --tabellenaktion-hover-rand:var(--fp-marke-tuerkis);
  --tabellenaktion-hover-flaeche:var(--fp-farbwert-dcf4f6);
  --tabellenaktion-hover-text:var(--fp-farbwert-0d6072);
  --tabellenaktion-gefahr-rand:var(--fp-farbwert-efc2c2);
  --tabellenaktion-gefahr-flaeche:var(--fp-gefahr-hintergrund);
  --tabellenaktion-gefahr-text:var(--fp-farbwert-c84747);
  --tabellenaktion-gefahr-hover:var(--fp-farbwert-fde4e4);
  --tabellenaktion-primaer-flaeche:var(--fp-marke-dunkel);
  --tabellenaktion-deaktiviert-rand:var(--fp-farbwert-d8e0df);
  --tabellenaktion-deaktiviert-flaeche:var(--fp-farbwert-f1f4f3);
  --tabellenaktion-deaktiviert-text:var(--fp-farbwert-9aa9ad);
  --register-plus-rand:var(--fp-erfolg-stark);
  --register-plus-flaeche:var(--fp-erfolg);
  --register-plus-hover:var(--fp-erfolg-stark);
  --register-plus-text:var(--fp-weiss);
  --register-plus-schatten:0 0 0 2px var(--fp-erfolg-alpha) inset;
}

/* Filtertabellen: ein heller, ruhiger Kopf mit weicher Schriftfarbe. */
body.flux-arbeitsbereich.oberflaechen-standard.tabellen-standard main.container :where(.filter-tabbar .filter-table thead th,.standard-filterbar .filter-table thead th){
  padding:7px 10px;
  border-top:0;
  border-right:0;
  border-bottom:1px solid var(--filterkopf-linie);
  border-left:0;
  border-radius:0;
  background:var(--filterkopf-hintergrund);
  color:var(--filterkopf-text);
  box-shadow:none;
  font-size:.74rem;
  font-weight:750;
  letter-spacing:.02em;
  line-height:1.25;
  text-align:center;
  text-transform:none;
  transition:none;
}
body.flux-arbeitsbereich.oberflaechen-standard.tabellen-standard main.container :where(.filter-tabbar .filter-table thead tr:hover > th,.standard-filterbar .filter-table thead tr:hover > th,.filter-tabbar .filter-table thead th:hover,.standard-filterbar .filter-table thead th:hover){
  border-bottom-color:var(--filterkopf-linie);
  background:var(--filterkopf-hintergrund);
  color:var(--filterkopf-text);
}
body.flux-arbeitsbereich.oberflaechen-standard.tabellen-standard main.container :where(.filter-tabbar .filter-table thead th:first-child,.standard-filterbar .filter-table thead th:first-child){
  border-radius:10px 0 0 0;
}
body.flux-arbeitsbereich.oberflaechen-standard.tabellen-standard main.container :where(.filter-tabbar .filter-table thead th:last-child,.standard-filterbar .filter-table thead th:last-child){
  border-radius:0 10px 0 0;
}

/* Haupttabellen: ein dunkler Kopf für alle Bereiche und alle Tabellenklassen. */
body.flux-arbeitsbereich.oberflaechen-standard.tabellen-standard main.container :where(table:not(.filter-table) > thead > tr > th){
  padding:9px 10px;
  border-top:1px solid var(--fp-farbwert-rgba-255-255-255-_07);
  border-right:0;
  border-bottom:1px solid var(--tabellenkopf-linie);
  border-left:0;
  border-radius:0;
  background:var(--tabellenkopf-hintergrund);
  color:var(--tabellenkopf-text);
  box-shadow:none;
  font-size:.68rem;
  font-weight:850;
  letter-spacing:.045em;
  line-height:1.25;
  text-transform:uppercase;
  transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;
}
body.flux-arbeitsbereich.oberflaechen-standard.tabellen-standard main.container :where(table:not(.filter-table) > thead > tr > th:first-child){
  border-left:0;
  border-radius:10px 0 0 4px;
}
body.flux-arbeitsbereich.oberflaechen-standard.tabellen-standard main.container :where(table:not(.filter-table) > thead > tr > th:last-child){
  border-right:0;
  border-radius:0 10px 4px 0;
}
body.flux-arbeitsbereich.oberflaechen-standard.tabellen-standard main.container :where(table:not(.filter-table) > thead > tr:hover > th,table:not(.filter-table) > thead > tr > th.sortable:hover){
  border-top-color:var(--fp-farbwert-rgba-255-255-255-_10);
  border-bottom-color:var(--tabellenkopf-linie);
  background:var(--tabellenkopf-hintergrund-hover);
  color:var(--tabellenkopf-text);
  box-shadow:none;
}
body.flux-arbeitsbereich.oberflaechen-standard.tabellen-standard main.container :where(table:not(.filter-table) > thead > tr > th:is(.sorted,.asc,.desc),table:not(.filter-table) > thead > tr > th.sortable:is(.sorted,.asc,.desc)){
  border-top-color:var(--fp-farbwert-rgba-255-255-255-_10);
  border-bottom-color:var(--tabellenkopf-linie);
  background:var(--tabellenkopf-hintergrund-hover);
  color:var(--tabellenkopf-text);
  box-shadow:inset 0 -3px 0 var(--tabellenkopf-sortierung);
}
body.flux-arbeitsbereich.oberflaechen-standard.tabellen-standard main.container :where(table:not(.filter-table) > thead > tr > th.sortable:is(.sorted,.asc,.desc):hover){
  background:var(--tabellenkopf-hintergrund-hover);
  color:var(--tabellenkopf-text);
  box-shadow:inset 0 -3px 0 var(--tabellenkopf-sortierung);
}

/* View-Head und Fluxmenü-Vorschau: eine gemeinsame, verbindliche Symbolgeometrie. */
.viewhead-standard .view-head .actions.fluxmenue-aktionen .btn.icon-only,
.viewhead-standard .view-head .actions.fluxmenue-aktionen .btn:not(.pill){
  display:inline-grid;
  place-items:center;
  width:36px;
  min-width:36px;
  height:36px;
  min-height:36px;
  padding:0;
  border:1px solid var(--viewhead-aktion-rand);
  border-radius:10px 10px 10px 4px;
  background:var(--viewhead-aktion-hintergrund);
  color:var(--viewhead-aktion-text);
  box-shadow:none;
  line-height:1;
  opacity:1;
  transform:none;
}
.viewhead-standard .view-head .actions.fluxmenue-aktionen .btn.icon-only:is(.primary,.secondary,.success,.warn,.danger,.btn-dark),
.viewhead-standard .view-head .actions.fluxmenue-aktionen .btn:not(.pill):is(.primary,.secondary,.success,.warn,.danger,.btn-dark){
  border-color:var(--viewhead-aktion-rand);
  background:var(--viewhead-aktion-hintergrund);
  color:var(--viewhead-aktion-text);
}
.viewhead-standard .view-head .actions.fluxmenue-aktionen .btn.icon-only:hover,
.viewhead-standard .view-head .actions.fluxmenue-aktionen .btn:not(.pill):hover{
  border-color:var(--viewhead-aktion-rand-hover);
  background:var(--viewhead-aktion-hintergrund-hover);
  color:var(--viewhead-aktion-text);
  transform:translateY(-1px);
}
.viewhead-standard .view-head .actions.fluxmenue-aktionen .btn.icon-only:focus-visible,
.viewhead-standard .view-head .actions.fluxmenue-aktionen .btn:not(.pill):focus-visible{
  outline:2px solid var(--fp-marke-limette);
  outline-offset:2px;
}
.viewhead-standard .view-head .actions.fluxmenue-aktionen .btn.icon-only:is(:disabled,[aria-disabled="true"],.inaktiv),
.viewhead-standard .view-head .actions.fluxmenue-aktionen .btn:not(.pill):is(:disabled,[aria-disabled="true"],.inaktiv){
  border-color:var(--viewhead-aktion-rand);
  background:var(--viewhead-aktion-hintergrund);
  color:var(--viewhead-aktion-text);
  opacity:.48;
  transform:none;
}
.viewhead-standard .view-head .actions.fluxmenue-aktionen .btn:not(.pill) svg{
  display:block;
  width:18px;
  min-width:18px;
  height:18px;
  min-height:18px;
  color:inherit;
  stroke:currentColor;
  opacity:1;
  visibility:visible;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}
.viewhead-standard .view-head .actions.fluxmenue-aktionen .btn:not(.pill) svg *{
  stroke:currentColor;
}
.viewhead-standard .view-head .actions.fluxmenue-aktionen .btn:not(.pill) img{
  display:block;
  width:18px;
  min-width:18px;
  height:18px;
  min-height:18px;
  filter:brightness(0) invert(1);
  opacity:1;
  visibility:visible;
}

/* Haupttabellen: Symbolaktionen verwenden in allen Modulen denselben Admin-Standard. */
.oberflaechen-standard.tabellen-standard main table:not(.filter-table) .btn.icon-only{
  display:inline-grid;
  place-items:center;
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  border:1px solid var(--tabellenaktion-rand);
  border-radius:9px;
  background:var(--tabellenaktion-flaeche);
  color:var(--tabellenaktion-text);
  box-shadow:none;
  opacity:1;
  visibility:visible;
  line-height:1;
  transform:none;
}
.oberflaechen-standard.tabellen-standard main table:not(.filter-table) :where(.btn.icon-only > *){
  color:inherit;
  opacity:1;
  visibility:visible;
}
.oberflaechen-standard.tabellen-standard main table:not(.filter-table) :where(.btn.icon-only svg){
  display:block;
  width:18px;
  min-width:18px;
  height:18px;
  min-height:18px;
  overflow:visible;
  color:inherit;
  fill:none;
  stroke:currentColor;
  opacity:1;
  visibility:visible;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}
.oberflaechen-standard.tabellen-standard main table:not(.filter-table) :where(.btn.icon-only svg *){
  stroke:currentColor;
  opacity:1;
  visibility:visible;
}
.oberflaechen-standard.tabellen-standard main table:not(.filter-table) :where(.btn.icon-only img){
  display:block;
  width:18px;
  height:18px;
  opacity:1;
  visibility:visible;
}
.oberflaechen-standard.tabellen-standard main table:not(.filter-table) .btn.icon-only:hover{
  border-color:var(--tabellenaktion-hover-rand);
  background:var(--tabellenaktion-hover-flaeche);
  color:var(--tabellenaktion-hover-text);
  transform:translateY(-1px);
}
.oberflaechen-standard.tabellen-standard main table:not(.filter-table) .btn.icon-only.danger{
  border-color:var(--tabellenaktion-gefahr-rand);
  background:var(--tabellenaktion-gefahr-flaeche);
  color:var(--tabellenaktion-gefahr-text);
}
.oberflaechen-standard.tabellen-standard main table:not(.filter-table) .btn.icon-only.danger:hover{
  border-color:var(--tabellenaktion-gefahr-text);
  background:var(--tabellenaktion-gefahr-hover);
}
.oberflaechen-standard.tabellen-standard main table:not(.filter-table) .btn.icon-only.primary{
  border-color:var(--tabellenaktion-primaer-flaeche);
  background:var(--tabellenaktion-primaer-flaeche);
  color:var(--fp-weiss);
}
.oberflaechen-standard.tabellen-standard main table:not(.filter-table) .btn.icon-only:is(:disabled,[aria-disabled="true"]){
  border-color:var(--tabellenaktion-deaktiviert-rand);
  background:var(--tabellenaktion-deaktiviert-flaeche);
  color:var(--tabellenaktion-deaktiviert-text);
  opacity:.65;
  transform:none;
}

/* Textschaltflächen: ein verbindlicher, kontrastreicher Satz für Formular-, Modal-, Tabellen- und Blog-Admin-Aktionen.
   Wichtig: Strukturkacheln, Auswahlkarten, Register, Plus-Buttons und reine Symbolbuttons bleiben eigene Komponenten. */
body.flux-arbeitsbereich{
  --textaktion-flaeche-standard:var(--fp-marke-dunkel);
  --textaktion-flaeche-standard-hover:var(--fp-marke-tief);
  --textaktion-rand-standard:var(--fp-marke-tief);
  --textaktion-text-standard:var(--fp-weiss);
  --textaktion-flaeche-primaer:var(--fp-info-dunkel);
  --textaktion-flaeche-primaer-hover:var(--fp-farbwert-075985);
  --textaktion-rand-primaer:var(--fp-farbwert-075985);
  --textaktion-flaeche-erfolg:var(--fp-erfolg-stark);
  --textaktion-flaeche-erfolg-hover:var(--fp-erfolg-tief);
  --textaktion-rand-erfolg:var(--fp-erfolg-tief);
  --textaktion-flaeche-warnung:var(--fp-warnung-stark);
  --textaktion-flaeche-warnung-hover:var(--fp-farbwert-b45309);
  --textaktion-rand-warnung:var(--fp-farbwert-b45309);
  --textaktion-flaeche-gefahr:var(--fp-gefahr-stark);
  --textaktion-flaeche-gefahr-hover:var(--fp-gefahr-tief);
  --textaktion-rand-gefahr:var(--fp-gefahr-tief);
}

body.flux-arbeitsbereich.oberflaechen-standard :where(
  .modal-standard-inhalt,
  .modal-standard-fuss,
  .modal-body,
  .modal-footer,
  .dialog__inhalt,
  .dialog__aktionen,
  .form-actions,
  .form-aktionen,
  .formular-aktionen,
  .formular-aktionen-inline,
  .auth-aktion,
  .blog-admin-aktion,
  .blog-admin-tabellenzelle,
  .kommentar-aktionen,
  .tabellen-aktionen,
  main.container.problem-bereich,
  main.container table:not(.filter-table):not(.blog-archiv-tabelle)
) :where(.btn,button,input[type="button"],input[type="submit"],input[type="reset"]):not(.icon-only):not(.vh-pill-btn):not(.vh-pill-plus):not(.pill):not(.blog-auswahl-eintrag):not(.blog-archiv-knopf):not(.aenderungsantrag-auswahl-option):not(.problem-leer-aktion):not(.vh-kommentar-leer-aktion):not(.haupttabelle-leer-aktion):not(.formular-standard-modal-x):not(.datei-xlsx-tab):not(.anmeldung-zweitfaktor-option):not(.matrix-dot-link):not(.col-toggle):not(.btn-col-toggle):not(.toggle-col):not(.col-visibility-toggle){
  --textaktion-flaeche:var(--textaktion-flaeche-standard);
  --textaktion-flaeche-hover:var(--textaktion-flaeche-standard-hover);
  --textaktion-rand:var(--textaktion-rand-standard);
  --textaktion-text:var(--textaktion-text-standard);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 14px;
  border:1px solid var(--textaktion-rand);
  border-radius:10px;
  background:var(--textaktion-flaeche);
  color:var(--textaktion-text);
  box-shadow:none;
  font:inherit;
  font-weight:700;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
  text-shadow:none;
  opacity:1;
  transform:none;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  transition:background-color .14s ease,border-color .14s ease,transform .14s ease;
}

body.flux-arbeitsbereich.oberflaechen-standard :where(
  .modal-standard-inhalt,
  .modal-standard-fuss,
  .modal-body,
  .modal-footer,
  .dialog__inhalt,
  .dialog__aktionen,
  .form-actions,
  .form-aktionen,
  .formular-aktionen,
  .formular-aktionen-inline,
  .auth-aktion,
  .blog-admin-aktion,
  .blog-admin-tabellenzelle,
  .kommentar-aktionen,
  .tabellen-aktionen,
  main.container.problem-bereich,
  main.container table:not(.filter-table):not(.blog-archiv-tabelle)
) :where(.btn,button,input[type="button"],input[type="submit"],input[type="reset"]):not(.icon-only):not(.vh-pill-btn):not(.vh-pill-plus):not(.pill):not(.blog-auswahl-eintrag):not(.blog-archiv-knopf):not(.aenderungsantrag-auswahl-option):not(.problem-leer-aktion):not(.vh-kommentar-leer-aktion):not(.haupttabelle-leer-aktion):not(.formular-standard-modal-x):not(.datei-xlsx-tab):not(.anmeldung-zweitfaktor-option):not(.matrix-dot-link):not(.col-toggle):not(.btn-col-toggle):not(.toggle-col):not(.col-visibility-toggle):hover{
  border-color:var(--textaktion-flaeche-hover);
  background:var(--textaktion-flaeche-hover);
  color:var(--textaktion-text);
  box-shadow:none;
  transform:translateY(-1px);
}

body.flux-arbeitsbereich.oberflaechen-standard :where(
  .modal-standard-inhalt,
  .modal-standard-fuss,
  .modal-body,
  .modal-footer,
  .dialog__inhalt,
  .dialog__aktionen,
  .form-actions,
  .form-aktionen,
  .formular-aktionen,
  .formular-aktionen-inline,
  .auth-aktion,
  .blog-admin-aktion,
  .blog-admin-tabellenzelle,
  .kommentar-aktionen,
  .tabellen-aktionen,
  main.container.problem-bereich,
  main.container table:not(.filter-table):not(.blog-archiv-tabelle)
) :where(.btn,button,input[type="button"],input[type="submit"],input[type="reset"]):not(.icon-only):not(.vh-pill-btn):not(.vh-pill-plus):not(.pill):not(.blog-auswahl-eintrag):not(.blog-archiv-knopf):not(.aenderungsantrag-auswahl-option):not(.problem-leer-aktion):not(.vh-kommentar-leer-aktion):not(.haupttabelle-leer-aktion):not(.formular-standard-modal-x):not(.datei-xlsx-tab):not(.anmeldung-zweitfaktor-option):not(.matrix-dot-link):not(.col-toggle):not(.btn-col-toggle):not(.toggle-col):not(.col-visibility-toggle):focus-visible{
  outline:2px solid var(--fp-marke-limette);
  outline-offset:2px;
}

body.flux-arbeitsbereich.oberflaechen-standard :where(
  .modal-standard-inhalt,
  .modal-standard-fuss,
  .modal-body,
  .modal-footer,
  .dialog__inhalt,
  .dialog__aktionen,
  .form-actions,
  .form-aktionen,
  .formular-aktionen,
  .formular-aktionen-inline,
  .auth-aktion,
  .blog-admin-aktion,
  .blog-admin-tabellenzelle,
  .kommentar-aktionen,
  .tabellen-aktionen,
  main.container.problem-bereich,
  main.container table:not(.filter-table):not(.blog-archiv-tabelle)
) :where(.btn,button,input[type="button"],input[type="submit"],input[type="reset"]):not(.icon-only):not(.vh-pill-btn):not(.vh-pill-plus):not(.pill):not(.blog-auswahl-eintrag):not(.blog-archiv-knopf):not(.aenderungsantrag-auswahl-option):not(.problem-leer-aktion):not(.vh-kommentar-leer-aktion):not(.haupttabelle-leer-aktion):not(.formular-standard-modal-x):not(.datei-xlsx-tab):not(.anmeldung-zweitfaktor-option):not(.matrix-dot-link):not(.col-toggle):not(.btn-col-toggle):not(.toggle-col):not(.col-visibility-toggle):is(.primary,.modal-standard-primaer){
  --textaktion-flaeche:var(--textaktion-flaeche-primaer);
  --textaktion-flaeche-hover:var(--textaktion-flaeche-primaer-hover);
  --textaktion-rand:var(--textaktion-rand-primaer);
}

body.flux-arbeitsbereich.oberflaechen-standard :where(
  .modal-standard-inhalt,
  .modal-standard-fuss,
  .modal-body,
  .modal-footer,
  .dialog__inhalt,
  .dialog__aktionen,
  .form-actions,
  .form-aktionen,
  .formular-aktionen,
  .formular-aktionen-inline,
  .auth-aktion,
  .blog-admin-aktion,
  .blog-admin-tabellenzelle,
  .kommentar-aktionen,
  .tabellen-aktionen,
  main.container.problem-bereich,
  main.container table:not(.filter-table):not(.blog-archiv-tabelle)
) :where(.btn,button,input[type="button"],input[type="submit"],input[type="reset"]):not(.icon-only):not(.vh-pill-btn):not(.vh-pill-plus):not(.pill):not(.blog-auswahl-eintrag):not(.blog-archiv-knopf):not(.aenderungsantrag-auswahl-option):not(.problem-leer-aktion):not(.vh-kommentar-leer-aktion):not(.haupttabelle-leer-aktion):not(.formular-standard-modal-x):not(.datei-xlsx-tab):not(.anmeldung-zweitfaktor-option):not(.matrix-dot-link):not(.col-toggle):not(.btn-col-toggle):not(.toggle-col):not(.col-visibility-toggle).success{
  --textaktion-flaeche:var(--textaktion-flaeche-erfolg);
  --textaktion-flaeche-hover:var(--textaktion-flaeche-erfolg-hover);
  --textaktion-rand:var(--textaktion-rand-erfolg);
}

body.flux-arbeitsbereich.oberflaechen-standard :where(
  .modal-standard-inhalt,
  .modal-standard-fuss,
  .modal-body,
  .modal-footer,
  .dialog__inhalt,
  .dialog__aktionen,
  .form-actions,
  .form-aktionen,
  .formular-aktionen,
  .formular-aktionen-inline,
  .auth-aktion,
  .blog-admin-aktion,
  .blog-admin-tabellenzelle,
  .kommentar-aktionen,
  .tabellen-aktionen,
  main.container.problem-bereich,
  main.container table:not(.filter-table):not(.blog-archiv-tabelle)
) :where(.btn,button,input[type="button"],input[type="submit"],input[type="reset"]):not(.icon-only):not(.vh-pill-btn):not(.vh-pill-plus):not(.pill):not(.blog-auswahl-eintrag):not(.blog-archiv-knopf):not(.aenderungsantrag-auswahl-option):not(.problem-leer-aktion):not(.vh-kommentar-leer-aktion):not(.haupttabelle-leer-aktion):not(.formular-standard-modal-x):not(.datei-xlsx-tab):not(.anmeldung-zweitfaktor-option):not(.matrix-dot-link):not(.col-toggle):not(.btn-col-toggle):not(.toggle-col):not(.col-visibility-toggle).warn{
  --textaktion-flaeche:var(--textaktion-flaeche-warnung);
  --textaktion-flaeche-hover:var(--textaktion-flaeche-warnung-hover);
  --textaktion-rand:var(--textaktion-rand-warnung);
}

body.flux-arbeitsbereich.oberflaechen-standard :where(
  .modal-standard-inhalt,
  .modal-standard-fuss,
  .modal-body,
  .modal-footer,
  .dialog__inhalt,
  .dialog__aktionen,
  .form-actions,
  .form-aktionen,
  .formular-aktionen,
  .formular-aktionen-inline,
  .auth-aktion,
  .blog-admin-aktion,
  .blog-admin-tabellenzelle,
  .kommentar-aktionen,
  .tabellen-aktionen,
  main.container.problem-bereich,
  main.container table:not(.filter-table):not(.blog-archiv-tabelle)
) :where(.btn,button,input[type="button"],input[type="submit"],input[type="reset"]):not(.icon-only):not(.vh-pill-btn):not(.vh-pill-plus):not(.pill):not(.blog-auswahl-eintrag):not(.blog-archiv-knopf):not(.aenderungsantrag-auswahl-option):not(.problem-leer-aktion):not(.vh-kommentar-leer-aktion):not(.haupttabelle-leer-aktion):not(.formular-standard-modal-x):not(.datei-xlsx-tab):not(.anmeldung-zweitfaktor-option):not(.matrix-dot-link):not(.col-toggle):not(.btn-col-toggle):not(.toggle-col):not(.col-visibility-toggle).danger{
  --textaktion-flaeche:var(--textaktion-flaeche-gefahr);
  --textaktion-flaeche-hover:var(--textaktion-flaeche-gefahr-hover);
  --textaktion-rand:var(--textaktion-rand-gefahr);
}

body.flux-arbeitsbereich.oberflaechen-standard :where(
  .modal-standard-inhalt,
  .modal-standard-fuss,
  .modal-body,
  .modal-footer,
  .dialog__inhalt,
  .dialog__aktionen,
  .form-actions,
  .form-aktionen,
  .formular-aktionen,
  .formular-aktionen-inline,
  .auth-aktion,
  .blog-admin-aktion,
  .blog-admin-tabellenzelle,
  .kommentar-aktionen,
  .tabellen-aktionen,
  main.container.problem-bereich,
  main.container table:not(.filter-table):not(.blog-archiv-tabelle)
) :where(.btn,button,input[type="button"],input[type="submit"],input[type="reset"]):not(.icon-only):not(.vh-pill-btn):not(.vh-pill-plus):not(.pill):not(.blog-auswahl-eintrag):not(.blog-archiv-knopf):not(.aenderungsantrag-auswahl-option):not(.problem-leer-aktion):not(.vh-kommentar-leer-aktion):not(.haupttabelle-leer-aktion):not(.formular-standard-modal-x):not(.datei-xlsx-tab):not(.anmeldung-zweitfaktor-option):not(.matrix-dot-link):not(.col-toggle):not(.btn-col-toggle):not(.toggle-col):not(.col-visibility-toggle):is(:disabled,[disabled],[aria-disabled="true"]){
  border-color:var(--fp-farbwert-9aa9ad);
  background:var(--fp-farbwert-9aa9ad);
  color:var(--fp-weiss);
  opacity:.62;
  transform:none;
  cursor:not-allowed;
}


/* Admin-Bereich: zentrale Textaktionen.
   Damit greifen die kanonischen Aktionsfarben nicht nur in Tabellen/Modalen,
   sondern auf allen Admin-Seiten. Keine seitenweisen Button-Workarounds. */
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main :where(.btn,button,input[type="button"],input[type="submit"],input[type="reset"]):where(:not(.icon-only):not(.vh-pill-btn):not(.vh-pill-plus):not(.pill):not(.blog-auswahl-eintrag):not(.blog-archiv-knopf):not(.aenderungsantrag-auswahl-option):not(.problem-leer-aktion):not(.vh-kommentar-leer-aktion):not(.haupttabelle-leer-aktion):not(.formular-standard-modal-x):not(.datei-xlsx-tab):not(.anmeldung-zweitfaktor-option):not(.matrix-dot-link):not(.col-toggle):not(.btn-col-toggle):not(.toggle-col):not(.col-visibility-toggle):not(.verwaltung-projekt-klappbutton):not(.parser-dialog-schliessen)){
  --textaktion-flaeche:var(--textaktion-flaeche-standard);
  --textaktion-flaeche-hover:var(--textaktion-flaeche-standard-hover);
  --textaktion-rand:var(--textaktion-rand-standard);
  --textaktion-text:var(--textaktion-text-standard);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:40px;
  padding:8px 14px;
  border:1px solid var(--textaktion-rand);
  border-radius:10px;
  background:var(--textaktion-flaeche);
  color:var(--textaktion-text);
  box-shadow:none;
  font:inherit;
  font-weight:700;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
  text-shadow:none;
  opacity:1;
  transform:none;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  transition:background-color .14s ease,border-color .14s ease,transform .14s ease;
}

body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main :where(.btn,button,input[type="button"],input[type="submit"],input[type="reset"]):where(:not(.icon-only):not(.vh-pill-btn):not(.vh-pill-plus):not(.pill):not(.blog-auswahl-eintrag):not(.blog-archiv-knopf):not(.aenderungsantrag-auswahl-option):not(.problem-leer-aktion):not(.vh-kommentar-leer-aktion):not(.haupttabelle-leer-aktion):not(.formular-standard-modal-x):not(.datei-xlsx-tab):not(.anmeldung-zweitfaktor-option):not(.matrix-dot-link):not(.col-toggle):not(.btn-col-toggle):not(.toggle-col):not(.col-visibility-toggle):not(.verwaltung-projekt-klappbutton):not(.parser-dialog-schliessen)):hover{
  border-color:var(--textaktion-flaeche-hover);
  background:var(--textaktion-flaeche-hover);
  color:var(--textaktion-text);
  box-shadow:none;
  transform:translateY(-1px);
}

body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main :where(.btn,button,input[type="button"],input[type="submit"],input[type="reset"]):where(:not(.icon-only):not(.vh-pill-btn):not(.vh-pill-plus):not(.pill):not(.blog-auswahl-eintrag):not(.blog-archiv-knopf):not(.aenderungsantrag-auswahl-option):not(.problem-leer-aktion):not(.vh-kommentar-leer-aktion):not(.haupttabelle-leer-aktion):not(.formular-standard-modal-x):not(.datei-xlsx-tab):not(.anmeldung-zweitfaktor-option):not(.matrix-dot-link):not(.col-toggle):not(.btn-col-toggle):not(.toggle-col):not(.col-visibility-toggle):not(.verwaltung-projekt-klappbutton):not(.parser-dialog-schliessen)):focus-visible{
  outline:2px solid var(--fp-marke-limette);
  outline-offset:2px;
}

body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main :where(.btn,button,input[type="button"],input[type="submit"],input[type="reset"]):where(:not(.icon-only):not(.vh-pill-btn):not(.vh-pill-plus):not(.pill):not(.blog-auswahl-eintrag):not(.blog-archiv-knopf):not(.aenderungsantrag-auswahl-option):not(.problem-leer-aktion):not(.vh-kommentar-leer-aktion):not(.haupttabelle-leer-aktion):not(.formular-standard-modal-x):not(.datei-xlsx-tab):not(.anmeldung-zweitfaktor-option):not(.matrix-dot-link):not(.col-toggle):not(.btn-col-toggle):not(.toggle-col):not(.col-visibility-toggle):not(.verwaltung-projekt-klappbutton):not(.parser-dialog-schliessen)):is(.primary,.modal-standard-primaer){
  --textaktion-flaeche:var(--textaktion-flaeche-primaer);
  --textaktion-flaeche-hover:var(--textaktion-flaeche-primaer-hover);
  --textaktion-rand:var(--textaktion-rand-primaer);
}

body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main :where(.btn,button,input[type="button"],input[type="submit"],input[type="reset"]):where(:not(.icon-only):not(.vh-pill-btn):not(.vh-pill-plus):not(.pill):not(.blog-auswahl-eintrag):not(.blog-archiv-knopf):not(.aenderungsantrag-auswahl-option):not(.problem-leer-aktion):not(.vh-kommentar-leer-aktion):not(.haupttabelle-leer-aktion):not(.formular-standard-modal-x):not(.datei-xlsx-tab):not(.anmeldung-zweitfaktor-option):not(.matrix-dot-link):not(.col-toggle):not(.btn-col-toggle):not(.toggle-col):not(.col-visibility-toggle):not(.verwaltung-projekt-klappbutton):not(.parser-dialog-schliessen)).success{
  --textaktion-flaeche:var(--textaktion-flaeche-erfolg);
  --textaktion-flaeche-hover:var(--textaktion-flaeche-erfolg-hover);
  --textaktion-rand:var(--textaktion-rand-erfolg);
}

body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main :where(.btn,button,input[type="button"],input[type="submit"],input[type="reset"]):where(:not(.icon-only):not(.vh-pill-btn):not(.vh-pill-plus):not(.pill):not(.blog-auswahl-eintrag):not(.blog-archiv-knopf):not(.aenderungsantrag-auswahl-option):not(.problem-leer-aktion):not(.vh-kommentar-leer-aktion):not(.haupttabelle-leer-aktion):not(.formular-standard-modal-x):not(.datei-xlsx-tab):not(.anmeldung-zweitfaktor-option):not(.matrix-dot-link):not(.col-toggle):not(.btn-col-toggle):not(.toggle-col):not(.col-visibility-toggle):not(.verwaltung-projekt-klappbutton):not(.parser-dialog-schliessen)).warn{
  --textaktion-flaeche:var(--textaktion-flaeche-warnung);
  --textaktion-flaeche-hover:var(--textaktion-flaeche-warnung-hover);
  --textaktion-rand:var(--textaktion-rand-warnung);
}

body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main :where(.btn,button,input[type="button"],input[type="submit"],input[type="reset"]):where(:not(.icon-only):not(.vh-pill-btn):not(.vh-pill-plus):not(.pill):not(.blog-auswahl-eintrag):not(.blog-archiv-knopf):not(.aenderungsantrag-auswahl-option):not(.problem-leer-aktion):not(.vh-kommentar-leer-aktion):not(.haupttabelle-leer-aktion):not(.formular-standard-modal-x):not(.datei-xlsx-tab):not(.anmeldung-zweitfaktor-option):not(.matrix-dot-link):not(.col-toggle):not(.btn-col-toggle):not(.toggle-col):not(.col-visibility-toggle):not(.verwaltung-projekt-klappbutton):not(.parser-dialog-schliessen)).danger{
  --textaktion-flaeche:var(--textaktion-flaeche-gefahr);
  --textaktion-flaeche-hover:var(--textaktion-flaeche-gefahr-hover);
  --textaktion-rand:var(--textaktion-rand-gefahr);
}

body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main :where(.btn,button,input[type="button"],input[type="submit"],input[type="reset"]):where(:not(.icon-only):not(.vh-pill-btn):not(.vh-pill-plus):not(.pill):not(.blog-auswahl-eintrag):not(.blog-archiv-knopf):not(.aenderungsantrag-auswahl-option):not(.problem-leer-aktion):not(.vh-kommentar-leer-aktion):not(.haupttabelle-leer-aktion):not(.formular-standard-modal-x):not(.datei-xlsx-tab):not(.anmeldung-zweitfaktor-option):not(.matrix-dot-link):not(.col-toggle):not(.btn-col-toggle):not(.toggle-col):not(.col-visibility-toggle):not(.verwaltung-projekt-klappbutton):not(.parser-dialog-schliessen)):is(:disabled,[disabled],[aria-disabled="true"]){
  border-color:var(--fp-farbwert-9aa9ad);
  background:var(--fp-farbwert-9aa9ad);
  color:var(--fp-weiss);
  opacity:.62;
  transform:none;
  cursor:not-allowed;
}

/* Strukturkacheln behalten ihren eigenen hellen Kanon und werden nicht wie normale Textaktionen behandelt. */
body.flux-arbeitsbereich.oberflaechen-standard :where(.aenderungsantrag-auswahl-option,.blog-auswahl-eintrag,.blog-archiv-knopf,.problem-leer-aktion,.vh-kommentar-leer-aktion,.haupttabelle-leer-aktion){
  text-decoration:none;
  text-shadow:none;
}

/* Kanonische Admin-Hub-Karten für Validation- und Guide-Bereiche. */
.admin-bereich .qualitaetscheck-seite .qc-link,
.admin-bereich .stilcheck-seite .sc-link,
.admin-bereich .sicherheitscheck-seite .si-link,
.admin-bereich .dateiverwendung-seite .dv-link{
  position:relative;
  overflow:hidden;
  border-color:var(--fp-marke-rahmen);
  border-radius:18px;
  background:linear-gradient(135deg,var(--fp-weiss),var(--fp-marke-flaeche-hell));
  box-shadow:0 10px 28px var(--fp-schatten-sanft);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.admin-bereich .qualitaetscheck-seite .qc-link::before,
.admin-bereich .stilcheck-seite .sc-link::before,
.admin-bereich .sicherheitscheck-seite .si-link::before,
.admin-bereich .dateiverwendung-seite .dv-link::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,var(--fp-marke-limette),var(--fp-marke-tuerkis));
}
.admin-bereich .qualitaetscheck-seite .qc-link:hover,
.admin-bereich .qualitaetscheck-seite .qc-link:focus-visible,
.admin-bereich .stilcheck-seite .sc-link:hover,
.admin-bereich .stilcheck-seite .sc-link:focus-visible,
.admin-bereich .sicherheitscheck-seite .si-link:hover,
.admin-bereich .sicherheitscheck-seite .si-link:focus-visible,
.admin-bereich .dateiverwendung-seite .dv-link:hover,
.admin-bereich .dateiverwendung-seite .dv-link:focus-visible{
  border-color:var(--fp-marke-tuerkis);
  box-shadow:0 16px 38px var(--fp-schatten-mittel);
  transform:translateY(-1px);
  outline:none;
}
.admin-bereich .qualitaetscheck-seite .qc-link strong,
.admin-bereich .stilcheck-seite .sc-link strong,
.admin-bereich .sicherheitscheck-seite .si-link strong,
.admin-bereich .dateiverwendung-seite .dv-link strong{color:var(--fp-marke-dunkel);}

/* =========================================================
   Admin-Modulstandard
   Gemeinsamer Look fuer neuere Adminmodule: Registerleisten,
   AI-Assistent, Standardmeldungen, FluxPike Mail Monitor,
   GDPR-Center, Stoerungs-/Problem-Workflow und Matrixseiten.
   ========================================================= */
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard{
  display:flex;
  flex-direction:column;
  gap:14px;
  align-content:start;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard > .view-head{
  margin-bottom:2px;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.alert,.notice){
  margin:0;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.notice.success,.notice.ok){
  border:1px solid var(--fp-erfolg-rahmen);
  border-radius:14px;
  background:var(--fp-erfolg-flaeche);
  color:var(--fp-erfolg-text);
  padding:12px 14px;
  font-weight:750;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.notice.error,.notice.danger){
  border:1px solid var(--fp-gefahr-rahmen);
  border-radius:14px;
  background:var(--fp-gefahr-flaeche);
  color:var(--fp-gefahr-text);
  padding:12px 14px;
  font-weight:750;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard > .vh-feed-nav,
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .vh-feed-nav{
  margin:0 0 2px 0;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .vh-pillbar{
  gap:8px;
  align-items:center;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .vh-feed{
  display:block;
  min-width:0;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.vh-feed-panel,.ai-assistent-tabpanel,.fm-tabpanel){
  min-width:0;
  margin:0;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.vh-feed-panel.is-active,.ai-assistent-tabpanel.is-active,.fm-tabpanel.is-active){
  display:grid;
  gap:14px;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.panel,.standard-panel,.fm-panel,.gdpr-panel,.register-admin-panelkarte){
  min-width:0;
  border:1px solid var(--fp-marke-rahmen);
  border-radius:18px;
  background:linear-gradient(135deg,var(--fp-weiss),var(--fp-marke-flaeche-weiss));
  box-shadow:0 10px 28px var(--fp-schatten-sanft);
  padding:16px;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.panel,.standard-panel,.fm-panel,.gdpr-panel,.register-admin-panelkarte) + :where(.panel,.standard-panel,.fm-panel,.gdpr-panel,.register-admin-panelkarte){
  margin-top:0;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.stoerung-workflow-intro,.problem-workflow-intro){
  border-left:5px solid var(--fp-marke-tuerkis);
  background:linear-gradient(135deg,var(--fp-marke-flaeche-hell),var(--fp-weiss));
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.panel h2,.standard-panel h2,.fm-panel h2,.gdpr-panel h2,.register-admin-panelkarte h2){
  margin-top:0;
  color:var(--fp-marke-dunkel);
  letter-spacing:-.01em;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.panel h2:last-child,.standard-panel h2:last-child,.fm-panel h2:last-child,.gdpr-panel h2:last-child,.register-admin-panelkarte h2:last-child){
  margin-bottom:0;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.standard-kopf,.fm-panel-kopf,.gdpr-auskunft-head,.register-admin-panelkopf,.stoerung-workflow-panelkopf,.problem-workflow-panelkopf){
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
  padding-bottom:10px;
  border-bottom:1px solid var(--fp-marke-rahmen);
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.standard-kopf h2,.fm-panel-kopf h2,.gdpr-auskunft-head h3,.register-admin-panelkopf h2,.stoerung-workflow-panelkopf h3,.problem-workflow-panelkopf h3){
  margin:0;
  color:var(--fp-marke-dunkel);
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.standard-hinweis,.standard-stabilitaet-grid,.gdpr-optionen-grid,.gdpr-checkliste,.register-admin-grid,.register-admin-prueflisten,.fm-grid,.fm-uebersicht-grid,.fm-grunddiagramm){
  gap:12px;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.standard-karte,.gdpr-option,.gdpr-check,.gdpr-feld-info,.register-admin-tabformular,.fm-grundkarte,.fm-pie-legendenzeile,.ai-assistent-option,.ai-assistent-quasi-screen,.ai-assistent-screenbox){
  border:1px solid var(--fp-rahmen-kuehl);
  border-radius:16px;
  background:var(--fp-flaeche-hell);
  box-shadow:none;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.standard-kpi-card,.gdpr-kpi,.register-admin-kpi,.fm-kpi,.ai-assistent-metriken div,.ai-assistent-konfig-kacheln div,.gdpr-auskunft-kpis span){
  border:1px solid var(--fp-marke-rahmen);
  border-radius:16px;
  background:var(--fp-weiss);
  box-shadow:0 8px 20px var(--fp-schatten-sanft);
  padding:12px 14px;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.standard-kpi-label,.gdpr-kpi small,.gdpr-kpi span,.register-admin-kpi span,.fm-kpi span,.ai-assistent-metriken span,.ai-assistent-konfig-kacheln span){
  color:var(--fp-text-dezent);
  font-size:.76rem;
  font-weight:850;
  letter-spacing:.045em;
  text-transform:uppercase;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.standard-kpi-wert,.gdpr-kpi strong,.register-admin-kpi strong,.fm-kpi strong,.ai-assistent-metriken strong,.ai-assistent-konfig-kacheln strong,.gdpr-auskunft-kpis strong){
  color:var(--fp-text-stark);
  font-size:1.35rem;
  line-height:1.08;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.gdpr-hinweis,.fm-hinweis,.formular-hinweis,.standard-meta,.register-admin-panelkarte p,.ai-assistent-kompaktpanel p,.ai-assistent-readme p){
  color:var(--fp-text-sekundaer);
  line-height:1.5;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.formular-hinweis,.fm-pruefung,.standard-vorschau,.gdpr-zusammenfassung,.ai-assistent-readme-hinweise){
  border:1px solid var(--fp-info-rahmen);
  border-radius:14px;
  background:var(--fp-info-flaeche);
  padding:12px 14px;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.fm-tabelle-wrap,.gdpr-table-wrap){
  border:1px solid var(--fp-marke-rahmen);
  border-radius:16px;
  background:var(--fp-weiss);
  overflow:auto;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.table,.fm-tabelle,.gdpr-table,.register-admin-tabelle){
  width:100%;
  margin:0;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.badge,.standard-badge,.gdpr-status,.fm-status,.vh-admin-status){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  border-radius:999px;
  padding:4px 10px;
  font-size:.78rem;
  font-weight:850;
  line-height:1.1;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.stoerung-workflow-leer,.problem-workflow-leer,.fm-leer,.standard-leer,.gdpr-leer){
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:72px;
  border:1px dashed var(--fp-marke-rahmen);
  border-radius:14px;
  background:var(--fp-flaeche-hell);
  color:var(--fp-text-dezent);
  font-weight:750;
  text-align:center;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  border-color:var(--fp-rahmen-kuehl);
  border-radius:12px;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{
  border-color:var(--fp-marke-tuerkis);
  outline:2px solid var(--fp-marke-tuerkis-alpha,var(--fp-info-rahmen));
  outline-offset:2px;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.standard-inline-form,.fm-aktionen--kopf,.gdpr-aktionen,.register-admin-inlineform,.register-admin-runtime-actions,.stoerung-workflow-aktionsgruppe,.problem-workflow-aktionsgruppe){
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard code{
  border-radius:7px;
  padding:1px 5px;
  background:var(--fp-flaeche-hell);
  color:var(--fp-text-stark);
}
@media (max-width: 760px){
  body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard{
    gap:12px;
  }
  body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.standard-kopf,.fm-panel-kopf,.gdpr-auskunft-head,.register-admin-panelkopf,.stoerung-workflow-panelkopf,.problem-workflow-panelkopf){
    display:grid;
    justify-content:stretch;
  }
}

/* =========================================================
   Kanonische Admin-Registerseiten: Übersicht + Guide
   ========================================================= */
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.admin-kanon-uebersicht,.admin-kanon-guide){
  border:1px solid var(--fp-marke-rahmen);
  border-radius:18px;
  background:linear-gradient(135deg,var(--fp-weiss),var(--fp-marke-flaeche-weiss));
  box-shadow:0 10px 28px var(--fp-schatten-sanft);
  padding:16px;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .admin-kanon-panelkopf{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
  padding-bottom:10px;
  border-bottom:1px solid var(--fp-marke-rahmen);
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .admin-kanon-panelkopf h2{
  margin:0;
  color:var(--fp-marke-dunkel);
  letter-spacing:-.01em;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .admin-kanon-panelkopf p{
  margin:4px 0 0;
  color:var(--fp-text-sekundaer);
  line-height:1.5;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard :where(.admin-kanon-kachelgrid,.admin-kanon-guide-grid){
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .admin-kanon-karte{
  border:1px solid var(--fp-rahmen-kuehl);
  border-radius:16px;
  background:var(--fp-flaeche-hell);
  padding:14px;
  min-width:0;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .admin-kanon-karte strong,
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .admin-kanon-karte h3{
  display:block;
  margin:0 0 8px;
  color:var(--fp-text-stark);
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .admin-kanon-karte p{
  margin:0;
  color:var(--fp-text-sekundaer);
  line-height:1.45;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .admin-kanon-karte ul{
  margin:0;
  padding-left:18px;
  color:var(--fp-text-sekundaer);
  line-height:1.45;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .admin-kanon-karte li + li{
  margin-top:6px;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .admin-kanon-wert{
  display:block;
  color:var(--fp-text-stark);
  font-size:1.35rem;
  font-weight:850;
  line-height:1.1;
  margin-bottom:6px;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .admin-kanon-hinweis{
  margin-top:12px;
  border:1px solid var(--fp-info-rahmen);
  border-radius:14px;
  background:var(--fp-info-flaeche);
  color:var(--fp-text-sekundaer);
  padding:12px 14px;
  line-height:1.5;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .register-admin-hinweisbox{
  margin:10px 0 14px;
  border:1px solid var(--fp-info-rahmen);
  border-radius:14px;
  background:var(--fp-info-flaeche);
  color:var(--fp-text-sekundaer);
  padding:12px 14px;
  line-height:1.5;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .register-admin-hinweisbox strong{
  display:block;
  color:var(--fp-text-stark);
  margin-bottom:6px;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .register-admin-hinweisbox ol{
  margin:0 0 8px 18px;
  padding:0;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .register-admin-hinweisbox p{
  margin:0;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .admin-kanon-aktionen{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
@media (max-width:760px){
  body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main.admin-modul-standard .admin-kanon-panelkopf{
    display:grid;
    justify-content:stretch;
  }
}

/* Admin-Kanon fuer alle Admin-Kachelseiten: Übersicht / Inhalt / Guide aus denselben Bausteinen. */
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachel-kanon{
  margin-top:14px;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachel-kanon .vh-feed-panel[hidden]{
  display:none!important;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachel-kanon .admin-kanon-panelkopf,
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachel-kanon .admin-kanon-guide-grid,
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachel-kanon .admin-kanon-kachelgrid,
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachel-kanon .admin-kanon-hinweis{
  margin-top:12px;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachel-kanon .admin-kanon-panelkopf{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  border:1px solid var(--fp-rahmen-kuehl);
  border-radius:18px;
  background:var(--fp-flaeche);
  padding:16px 18px;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachel-kanon .admin-kanon-panelkopf h2{
  margin:0 0 6px;
  color:var(--fp-text-stark);
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachel-kanon .admin-kanon-panelkopf p{
  margin:0;
  color:var(--fp-text-sekundaer);
  line-height:1.45;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachel-kanon .admin-kanon-kachelgrid,
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachel-kanon .admin-kanon-guide-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachel-kanon .admin-kanon-karte{
  border:1px solid var(--fp-rahmen-kuehl);
  border-radius:16px;
  background:var(--fp-flaeche-hell);
  padding:14px;
  min-width:0;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachel-kanon .admin-kanon-karte strong,
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachel-kanon .admin-kanon-karte h3{
  display:block;
  margin:0 0 8px;
  color:var(--fp-text-stark);
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachel-kanon .admin-kanon-karte p{
  margin:0;
  color:var(--fp-text-sekundaer);
  line-height:1.45;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachel-kanon .admin-kanon-wert{
  display:block;
  color:var(--fp-text-stark);
  font-size:1.35rem;
  font-weight:850;
  line-height:1.1;
  margin-bottom:6px;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachel-kanon .admin-kanon-hinweis{
  border:1px solid var(--fp-info-rahmen);
  border-radius:14px;
  background:var(--fp-info-flaeche);
  color:var(--fp-text-sekundaer);
  padding:12px 14px;
  line-height:1.5;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachelrechte-tabelle td,
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachelrechte-tabelle th{
  vertical-align:top;
}
body.flux-arbeitsbereich.oberflaechen-standard.admin-bereich main .admin-kachelrechte-tabelle tr.ist-kritisch td{
  background:var(--fp-warn-flaeche);
}