/* v769: Arbeitsbereich wahlweise als Liste oder als große Kacheln.
   Jede Funktion hat ein eigenes farbiges Symbolfeld (.ab-symbol, SVG im HTML). Es ersetzt in der Liste die alten
   Glyphen-Felder (::before, „+“-Feld, Terminplan-Symbol) an derselben Stelle und in derselben Größe.
   v770: dieselben Symbolfelder auch unter „Weitere Aktionen“ (Abschnitt am Ende). */

/* Farbe je Funktion (Symbolfeld, Hover-Rand und Pfeil der Kachel) */
#dashboardStartCard { --ab-farbe: #2563eb; }
#bauleiterAuswertungCard { --ab-farbe: #0f9d8a; }
#todoCard { --ab-farbe: #65a30d; }  /* v834 To-dos */
#terminplanCard { --ab-farbe: #7c3aed; }
#einsatzplanungCard { --ab-farbe: #db2777; }
#arbeitslistenCard { --ab-farbe: #0369a1; }  /* v854 Arbeitslisten */
#statusplaeneCard { --ab-farbe: #c2410c; }  /* v867 Statuspläne */
#bautagesberichteCard { --ab-farbe: #0d9488; }  /* v918 Bautagesberichte */
#kabelmessungenCard { --ab-farbe: #9333ea; }  /* v929 Kabelmessungen */
#globalDokumenteCard { --ab-farbe: #e0483b; }
#anfahrpunkteCard { --ab-farbe: #16a34a; }
#exportZentraleCard { --ab-farbe: #d97706; }
#rollenverwaltungCard { --ab-farbe: #4f46e5; }
#elementHinzufuegenStartCard { --ab-farbe: #0891b2; }
html[data-theme="dark"] #dashboardStartCard { --ab-farbe: #6b9bff; }
html[data-theme="dark"] #bauleiterAuswertungCard { --ab-farbe: #2dd4bf; }
html[data-theme="dark"] #todoCard { --ab-farbe: #a3e635; }
html[data-theme="dark"] #terminplanCard { --ab-farbe: #a78bfa; }
html[data-theme="dark"] #einsatzplanungCard { --ab-farbe: #f472b6; }
html[data-theme="dark"] #arbeitslistenCard { --ab-farbe: #38bdf8; }
html[data-theme="dark"] #statusplaeneCard { --ab-farbe: #fb923c; }
html[data-theme="dark"] #bautagesberichteCard { --ab-farbe: #2dd4bf; }
html[data-theme="dark"] #kabelmessungenCard { --ab-farbe: #c084fc; }
html[data-theme="dark"] #globalDokumenteCard { --ab-farbe: #f87171; }
html[data-theme="dark"] #anfahrpunkteCard { --ab-farbe: #4ade80; }
html[data-theme="dark"] #exportZentraleCard { --ab-farbe: #fbbf24; }
html[data-theme="dark"] #rollenverwaltungCard { --ab-farbe: #818cf8; }
html[data-theme="dark"] #elementHinzufuegenStartCard { --ab-farbe: #22d3ee; }

/* Umschalter Liste | Kacheln in der Kopfzeile */
#bauleiterArbeitsbereich .ab-ansicht { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 2px; height: 34px; margin-left: auto; padding: 3px; border: 1px solid var(--border); border-radius: 10px; background: color-mix(in srgb, var(--text) 3%, transparent); }
#bauleiterArbeitsbereich .ab-ansicht button { display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; height: 26px !important; min-height: 0 !important; margin: 0 !important; padding: 0 10px !important; border: 0 !important; border-radius: 7px !important; background: transparent !important; box-shadow: none !important; color: var(--text-muted) !important; font-size: 16px !important; font-weight: 600 !important; line-height: normal !important; cursor: pointer; }
#bauleiterArbeitsbereich .ab-ansicht button[aria-pressed="true"] { background: var(--surface) !important; color: var(--text) !important; box-shadow: 0 1px 2px rgba(15, 23, 42, .14) !important; }
#bauleiterArbeitsbereich .ab-ansicht button:focus-visible { outline: 2px solid color-mix(in srgb, var(--accent) 55%, transparent) !important; outline-offset: 1px; }
#bauleiterArbeitsbereich .ab-ansicht svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* Symbolfeld – gemeinsam für Liste, Kacheln und „Weitere Aktionen“ */
:is(#bauleiterArbeitsbereich, #managementActionsCard) .ab-symbol {
  display: grid; place-items: center; box-sizing: border-box; pointer-events: none;
  background: color-mix(in srgb, var(--ab-farbe) 13%, transparent); color: var(--ab-farbe);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ab-farbe) 24%, transparent);
}
:is(#bauleiterArbeitsbereich, #managementActionsCard) .ab-symbol svg { width: 50%; height: 50%; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
:is(#bauleiterArbeitsbereich, #managementActionsCard) .ab-symbol .voll { fill: currentColor; stroke: none; }

/* Alte Symbole entfallen: Glyphen (::before), „+“-Feld, Personen-Symbol */
#bauleiterArbeitsbereich .management-grid > :is(#dashboardStartCard, #bauleiterAuswertungCard, #todoCard, #terminplanCard, #einsatzplanungCard, #arbeitslistenCard, #statusplaeneCard, #bautagesberichteCard, #kabelmessungenCard, #globalDokumenteCard, #anfahrpunkteCard, #exportZentraleCard, #rollenverwaltungCard, #elementHinzufuegenStartCard)::before { content: none !important; display: none !important; }
#bauleiterArbeitsbereich #elementHinzufuegenStartCard > .element-hinzufuegen-icon,
#bauleiterArbeitsbereich #rollenverwaltungCard .rollenverwaltung-symbol { display: none !important; }

/* Liste: Symbolfeld links, vertikal mittig – Lage und Größe wie die bisherigen Felder */
#bauleiterArbeitsbereich:not(.ansicht-kacheln) .management-grid > .management-card > .ab-symbol {
  position: absolute; z-index: 5; left: 12px; top: 50%; width: 40px; height: 40px; transform: translateY(-50%); border-radius: 11px;
}
@media (max-width: 900px) {
  #bauleiterArbeitsbereich:not(.ansicht-kacheln) .management-grid > .management-card > .ab-symbol { left: 10px; width: 38px; height: 38px; }
}
@media (max-width: 620px) {
  #bauleiterArbeitsbereich:not(.ansicht-kacheln) .management-grid > .management-card > .ab-symbol { left: 8px; width: 36px; height: 36px; border-radius: 10px; }
}

/* Kacheln */
#bauleiterArbeitsbereich.ansicht-kacheln .management-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(236px, 1fr)) !important; gap: 16px !important; grid-auto-rows: 1fr !important; margin-top: 16px !important; }
#bauleiterArbeitsbereich.ansicht-kacheln .management-grid > .management-card,
#bauleiterArbeitsbereich.ansicht-kacheln .management-grid > .management-card + .management-card,
#bauleiterArbeitsbereich.ansicht-kacheln .management-grid > :is(#dashboardStartCard, #bauleiterAuswertungCard, #todoCard, #terminplanCard, #einsatzplanungCard, #arbeitslistenCard, #statusplaeneCard, #bautagesberichteCard, #kabelmessungenCard, #globalDokumenteCard, #anfahrpunkteCard, #exportZentraleCard, #rollenverwaltungCard, #elementHinzufuegenStartCard) {
  position: relative !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important;
  min-height: 200px !important; margin: 0 !important; padding: 22px 22px 20px !important;
  border: 1px solid var(--border) !important; border-radius: 18px !important; background: var(--surface) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 22px -14px rgba(15, 23, 42, .22) !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
#bauleiterArbeitsbereich.ansicht-kacheln .management-grid > .management-card:hover,
#bauleiterArbeitsbereich.ansicht-kacheln .management-grid > :is(#dashboardStartCard, #bauleiterAuswertungCard, #todoCard, #terminplanCard, #einsatzplanungCard, #arbeitslistenCard, #statusplaeneCard, #bautagesberichteCard, #kabelmessungenCard, #globalDokumenteCard, #anfahrpunkteCard, #exportZentraleCard, #rollenverwaltungCard, #elementHinzufuegenStartCard):hover {
  border-color: color-mix(in srgb, var(--ab-farbe) 45%, var(--border)) !important;
  background: var(--surface) !important;
  box-shadow: 0 18px 34px -18px color-mix(in srgb, var(--ab-farbe) 55%, rgba(15, 23, 42, .4)) !important;
  transform: translateY(-3px);
}
#bauleiterArbeitsbereich.ansicht-kacheln .management-grid > .management-card::before { display: none !important; }
#bauleiterArbeitsbereich.ansicht-kacheln .management-grid > .management-card::after,
#bauleiterArbeitsbereich.ansicht-kacheln .management-grid > :is(#dashboardStartCard, #bauleiterAuswertungCard, #todoCard, #terminplanCard, #einsatzplanungCard, #arbeitslistenCard, #statusplaeneCard, #bautagesberichteCard, #kabelmessungenCard, #globalDokumenteCard, #anfahrpunkteCard, #exportZentraleCard, #rollenverwaltungCard, #elementHinzufuegenStartCard)::after {
  content: "→" !important; position: absolute !important; top: auto !important; right: 18px !important; bottom: 18px !important; z-index: 3 !important;
  display: grid !important; place-items: center; width: 32px !important; height: 32px !important; border-radius: 50% !important;
  background: color-mix(in srgb, var(--ab-farbe) 12%, transparent) !important; color: var(--ab-farbe) !important;
  font-size: 16px !important; font-weight: 600 !important; line-height: 1 !important; transform: none !important; transition: transform .16s ease;
}
#bauleiterArbeitsbereich.ansicht-kacheln .management-grid > .management-card:hover::after,
#bauleiterArbeitsbereich.ansicht-kacheln .management-grid > :is(#dashboardStartCard, #bauleiterAuswertungCard, #todoCard, #terminplanCard, #einsatzplanungCard, #arbeitslistenCard, #statusplaeneCard, #bautagesberichteCard, #kabelmessungenCard, #globalDokumenteCard, #anfahrpunkteCard, #exportZentraleCard, #rollenverwaltungCard, #elementHinzufuegenStartCard):hover::after { transform: translateX(3px) !important; }
#bauleiterArbeitsbereich.ansicht-kacheln .ab-symbol { position: static; flex: 0 0 auto; width: 56px; height: 56px; margin-bottom: 22px; border-radius: 16px; }
#bauleiterArbeitsbereich.ansicht-kacheln .management-card-kopf { width: 100% !important; padding: 0 44px 0 0 !important; }
#bauleiterArbeitsbereich.ansicht-kacheln .management-card-titel { margin: 0 0 6px !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.25 !important; }
#bauleiterArbeitsbereich.ansicht-kacheln .management-card-kopf .management-card-sub {
  display: -webkit-box !important; max-width: none !important; overflow: hidden; color: var(--text-muted);
  font-size: 13px !important; line-height: 1.45 !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
}
#bauleiterArbeitsbereich.ansicht-kacheln .anfahrpunkte-count,
#bauleiterArbeitsbereich.ansicht-kacheln #globalDokumenteCard #globalDokumentAnzahl,
#bauleiterArbeitsbereich.ansicht-kacheln #anfahrpunkteCard #anfahrpunkteAnzahl {
  position: absolute !important; top: 35px !important; right: 22px !important; left: auto !important; bottom: auto !important; transform: none !important;
  min-width: 30px !important; height: 30px !important; margin: 0 !important;
}
#bauleiterArbeitsbereich.ansicht-kacheln :is(.anfahrpunkte-start-hinweis, .rollenverwaltung-start-hinweis, .management-card-icon) { display: none !important; }

@media (max-width: 620px) {
  #bauleiterArbeitsbereich .ab-ansicht button span { display: none; }
  #bauleiterArbeitsbereich .ab-ansicht button { padding: 0 8px !important; }
  #bauleiterArbeitsbereich.ansicht-kacheln .management-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  #bauleiterArbeitsbereich.ansicht-kacheln .management-grid > .management-card,
  #bauleiterArbeitsbereich.ansicht-kacheln .management-grid > .management-card + .management-card,
  #bauleiterArbeitsbereich.ansicht-kacheln .management-grid > :is(#dashboardStartCard, #bauleiterAuswertungCard, #todoCard, #terminplanCard, #einsatzplanungCard, #arbeitslistenCard, #statusplaeneCard, #bautagesberichteCard, #kabelmessungenCard, #globalDokumenteCard, #anfahrpunkteCard, #exportZentraleCard, #rollenverwaltungCard, #elementHinzufuegenStartCard) { min-height: 172px !important; padding: 16px 16px 14px !important; border-radius: 16px !important; }
  #bauleiterArbeitsbereich.ansicht-kacheln .ab-symbol { width: 46px; height: 46px; margin-bottom: 16px; border-radius: 14px; }
  #bauleiterArbeitsbereich.ansicht-kacheln .management-card-kopf { padding: 0 !important; }
  #bauleiterArbeitsbereich.ansicht-kacheln .management-card-titel { font-size: 15px !important; }
  #bauleiterArbeitsbereich.ansicht-kacheln .management-card-kopf .management-card-sub { font-size: 12px !important; -webkit-line-clamp: 3; padding-right: 30px; }
  #bauleiterArbeitsbereich.ansicht-kacheln .management-grid > .management-card::after,
  #bauleiterArbeitsbereich.ansicht-kacheln .management-grid > :is(#dashboardStartCard, #bauleiterAuswertungCard, #todoCard, #terminplanCard, #einsatzplanungCard, #arbeitslistenCard, #statusplaeneCard, #bautagesberichteCard, #kabelmessungenCard, #globalDokumenteCard, #anfahrpunkteCard, #exportZentraleCard, #rollenverwaltungCard, #elementHinzufuegenStartCard)::after { right: 12px !important; bottom: 12px !important; width: 28px !important; height: 28px !important; font-size: 14px !important; }
  #bauleiterArbeitsbereich.ansicht-kacheln .anfahrpunkte-count,
  #bauleiterArbeitsbereich.ansicht-kacheln #globalDokumenteCard #globalDokumentAnzahl,
  #bauleiterArbeitsbereich.ansicht-kacheln #anfahrpunkteCard #anfahrpunkteAnzahl { top: 24px !important; right: 16px !important; }
}

/* v770: „Weitere Aktionen“ – farbige Symbolfelder statt der Zeichen ▦ ⇧ ◇ ▧ ×, Lage und Größe wie bisher
   (ab 901 px senkrecht mittig, 601–900 px oben 18 px, bis 600 px 38 px am linken Rand). */
#managementActionsCard .elementtypen-startaktion { --ab-farbe: #2563eb; }
#managementActionsCard .stammdaten-import-block { --ab-farbe: #16a34a; }
#managementActionsCard .karten-import-block { --ab-farbe: #0891b2; }
#managementActionsCard .lageplan-import-block { --ab-farbe: #7c3aed; }
#managementActionsCard .stammdaten-loeschen-block { --ab-farbe: var(--bad, #c53b3b); }
html[data-theme="dark"] #managementActionsCard .elementtypen-startaktion { --ab-farbe: #6b9bff; }
html[data-theme="dark"] #managementActionsCard .stammdaten-import-block { --ab-farbe: #4ade80; }
html[data-theme="dark"] #managementActionsCard .karten-import-block { --ab-farbe: #22d3ee; }
html[data-theme="dark"] #managementActionsCard .lageplan-import-block { --ab-farbe: #a78bfa; }
#managementActionsCard .weitere-aktion-block::before { content: none !important; display: none !important; }
#managementActionsCard .weitere-aktion-block > .ab-symbol { position: absolute; z-index: 1; left: 12px; top: 18px; width: 40px; height: 40px; border-radius: 11px; }
@media (min-width: 901px) {
  #managementActionsCard .weitere-aktion-block > .ab-symbol { top: 50%; transform: translateY(-50%); }
}
@media (max-width: 600px) {
  #managementActionsCard .weitere-aktion-block > .ab-symbol { left: 0; top: 15px; width: 38px; height: 38px; }
}
/* Kabelbuch-Zeile im Import-Block: gleiches Feld in der Farbe des Blocks */
#managementActionsCard .kabelbuch-alle-start-symbol {
  border: 0; background: color-mix(in srgb, var(--ab-farbe) 13%, transparent); color: var(--ab-farbe);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ab-farbe) 24%, transparent);
}
#managementActionsCard .kabelbuch-alle-start-symbol svg { stroke: currentColor; }

/* v882: Reihenfolge der Funktionen ändern. „Sortieren“ neben „Liste | Kacheln“ schaltet den Modus ein: Karten lassen sich
   ziehen (Maus: ganze Karte, Finger: Griff an der Stelle des Pfeils), ein Klick öffnet nichts. Der doppelte Id-Selektor
   hebt die Regeln über die bestehenden Karten-Regeln mit zwei Ids (#bauleiterArbeitsbereich + :is(#…Card)). */
#bauleiterArbeitsbereich .ab-sortieren {
  display: inline-flex !important; flex: 0 0 auto; align-items: center; gap: 6px; width: auto !important; height: 34px !important; min-height: 0 !important;
  margin: 0 0 0 8px !important; padding: 0 12px !important; border: 1px solid var(--border) !important; border-radius: 10px !important;
  background: color-mix(in srgb, var(--text) 3%, transparent) !important; box-shadow: none !important; color: var(--text-muted) !important;
  font-size: 16px !important; font-weight: 600 !important; line-height: normal !important; white-space: nowrap; cursor: pointer;
}
#bauleiterArbeitsbereich .ab-sortieren:hover { color: var(--text) !important; }
#bauleiterArbeitsbereich .ab-sortieren[aria-pressed="true"] {
  border-color: var(--accent) !important; background: color-mix(in srgb, var(--accent) 16%, var(--surface)) !important; color: var(--text) !important;
}
#bauleiterArbeitsbereich .ab-sortieren[aria-pressed="true"] svg { color: var(--accent); }
#bauleiterArbeitsbereich .ab-sortieren:focus-visible { outline: 2px solid color-mix(in srgb, var(--accent) 55%, transparent) !important; outline-offset: 1px; }
#bauleiterArbeitsbereich .ab-sortieren svg { flex: 0 0 auto; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* Hinweisleiste über den Karten (nur beim Sortieren) */
#bauleiterArbeitsbereich .ab-sortierhinweis {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 14px 0 0; padding: 10px 10px 10px 16px;
  border: 1px dashed color-mix(in srgb, var(--accent) 55%, var(--border)); border-radius: 12px;
  background: color-mix(in srgb, var(--accent) 7%, transparent); color: var(--text); font-size: 14px; line-height: 1.45;
}
#bauleiterArbeitsbereich .ab-sortierhinweis[hidden] { display: none; }
#bauleiterArbeitsbereich .ab-sortierhinweis-text { flex: 1 1 280px; min-width: 0; }
#bauleiterArbeitsbereich .ab-griff-zeichen { display: inline-grid; place-items: center; width: 22px; height: 22px; vertical-align: -6px; border-radius: 6px; background: color-mix(in srgb, var(--text) 7%, transparent); color: var(--text-muted); }
#bauleiterArbeitsbereich .ab-griff-zeichen svg, #bauleiterArbeitsbereich .ab-griff svg { width: 16px; height: 16px; fill: currentColor; stroke: none; }
#bauleiterArbeitsbereich .ab-zuruecksetzen {
  flex: 0 0 auto; width: auto !important; min-height: 0 !important; height: 34px !important; margin: 0 !important; padding: 0 14px !important;
  border: 1px solid var(--border) !important; border-radius: 9px !important; background: var(--surface) !important; box-shadow: none !important;
  color: var(--text) !important; font-size: 14px !important; font-weight: 600 !important; line-height: normal !important; cursor: pointer;
}
#bauleiterArbeitsbereich .ab-zuruecksetzen:hover:not(:disabled) { border-color: color-mix(in srgb, var(--accent) 55%, var(--border)) !important; }
#bauleiterArbeitsbereich .ab-zuruecksetzen:disabled { color: var(--text-muted) !important; opacity: .7; cursor: default; }

/* Griff: nur beim Sortieren, an der Stelle des Pfeils (Liste rechts mittig, Kachel unten rechts). In der Liste 30 px breit,
   damit er die Zahl (PDF-Dokumente, Anfahrpunkte) nicht berührt; der unsichtbare Rand macht die Tippfläche größer. */
#bauleiterArbeitsbereich .management-grid > .management-card > .ab-griff { display: none; }
#bauleiterArbeitsbereich.ab-sortiermodus .management-grid > .management-card > .ab-griff {
  position: absolute; z-index: 6; right: 12px; top: 50%; display: grid; place-items: center; width: 30px; height: 36px; margin-top: -18px;
  border-radius: 9px; background: color-mix(in srgb, var(--text) 6%, transparent); color: var(--text-muted);
}
#bauleiterArbeitsbereich.ab-sortiermodus .management-grid > .management-card > .ab-griff::before { content: ""; position: absolute; inset: -6px; }
#bauleiterArbeitsbereich.ab-sortiermodus.ansicht-kacheln .management-grid > .management-card > .ab-griff {
  top: auto; right: 16px; bottom: 16px; width: 36px; height: 36px; margin: 0; border-radius: 50%; background: color-mix(in srgb, var(--ab-farbe) 12%, transparent); color: var(--ab-farbe);
}

/* Karten beim Sortieren: Pfeil weg, Knöpfe fangen nichts, Kacheln mit gestricheltem Rand und ohne Anheben */
#bauleiterArbeitsbereich#bauleiterArbeitsbereich.ab-sortiermodus .management-grid > .management-card { cursor: grab !important; -webkit-user-select: none; user-select: none; }
#bauleiterArbeitsbereich#bauleiterArbeitsbereich.ab-sortiermodus .management-grid > .management-card::after { content: none !important; display: none !important; }
#bauleiterArbeitsbereich#bauleiterArbeitsbereich.ab-sortiermodus .management-grid > .management-card :is(button, a, input, select, textarea, label) { pointer-events: none !important; }
#bauleiterArbeitsbereich#bauleiterArbeitsbereich.ab-sortiermodus.ansicht-kacheln .management-grid > .management-card {
  border-style: dashed !important; border-color: color-mix(in srgb, var(--ab-farbe) 45%, var(--border)) !important;
}
#bauleiterArbeitsbereich#bauleiterArbeitsbereich.ab-sortiermodus.ansicht-kacheln .management-grid > .management-card:hover { transform: none; }
#bauleiterArbeitsbereich#bauleiterArbeitsbereich.ab-sortiermodus .management-grid > .management-card:focus-visible { outline: 2px solid var(--accent) !important; outline-offset: -2px; }
#bauleiterArbeitsbereich#bauleiterArbeitsbereich .management-grid > .management-card.ls-weicht { transition: transform .16s ease !important; }
#bauleiterArbeitsbereich#bauleiterArbeitsbereich .management-grid > .management-card.ls-gleitet { transition: transform .22s cubic-bezier(.2, .8, .2, 1) !important; }
#bauleiterArbeitsbereich#bauleiterArbeitsbereich .management-grid > .management-card.ls-zieht {
  z-index: 20 !important; transition: none !important; background: var(--surface) !important;
  box-shadow: 0 0 0 2px var(--accent), 0 22px 40px -18px rgba(15, 23, 42, .55) !important;
}
#bauleiterArbeitsbereich#bauleiterArbeitsbereich:not(.ansicht-kacheln) .management-grid > .management-card.ls-zieht { border-radius: 10px !important; }
#bauleiterArbeitsbereich.ab-sortiermodus .management-grid > .management-card.ls-zieht > .ab-griff { color: var(--accent); }

@media (max-width: 900px) {
  #bauleiterArbeitsbereich.ab-sortiermodus .management-grid > .management-card > .ab-griff { right: 8px; }
}
@media (max-width: 620px) {
  #bauleiterArbeitsbereich .ab-sortieren { padding: 0 10px !important; }
  #bauleiterArbeitsbereich .ab-sortierhinweis { padding: 10px 10px 10px 12px; font-size: 13px; }
  #bauleiterArbeitsbereich.ab-sortiermodus .management-grid > .management-card > .ab-griff { right: 4px; }
  #bauleiterArbeitsbereich.ab-sortiermodus.ansicht-kacheln .management-grid > .management-card > .ab-griff { right: 10px; bottom: 10px; width: 34px; height: 34px; }
}

/* v891: „Sortieren“ unscheinbar (Anwender 30.10.2026) – nur das Symbol, ohne Rahmen, vor „Liste | Kacheln“; der
   Umschalter steht wieder ganz rechts. Im Sortier-Modus zeigt der Knopf weiterhin „Fertig“ mit Akzentrahmen. */
#bauleiterArbeitsbereich .ab-sortieren { margin: 0 0 0 auto !important; }
#bauleiterArbeitsbereich .ab-ansicht { margin-left: 0; }
#bauleiterArbeitsbereich .ab-sortieren[aria-pressed="false"] {
  justify-content: center; width: 32px !important; height: 32px !important; padding: 0 !important;
  border-color: transparent !important; background: transparent !important;
}
#bauleiterArbeitsbereich .ab-sortieren[aria-pressed="false"]:hover { background: color-mix(in srgb, var(--text) 7%, transparent) !important; }
#bauleiterArbeitsbereich .ab-sortieren[aria-pressed="false"] [data-ab-sortieren-text] {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}