/* ============================================================
   idf-list-col-resize — Griff-Layer fuer verschiebbare Spalten.
   Layout-Quelle: idf-list-col-resize.js. Farben nur ueber Tokens.

   Audit L5/#201 (L-E8): --primary-Fallback #c1121f (repo-fremdes
   Rot) auf den exakten Token-Wert #c8134b normalisiert (Regel 17);
   render-identisch, das Token laedt auf jeder Seite.
   ============================================================ */

/* Der Header-Grid-Container wird Positionsanker fuer den Griff-Layer. */
.idf-colresize-head { position: relative; }

/* Layer liegt ueber dem Header, faengt aber selbst keine Klicks (nur die
   Griffe darin). Nimmt keinen Grid-Track ein (position: absolute). */
.idf-colresize-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 20;
}

/* Ein Griff pro (fester, resizable) Spaltenkante. */
.idf-colresize-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 7px;
  cursor: col-resize;
  pointer-events: auto;
}
.idf-colresize-handle::after {
  content: "";
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
  width: 2px;
  border-radius: 1px;
  background: transparent;
  transition: background 0.12s ease;
}
.idf-colresize-handle:hover::after { background: var(--primary, #c8134b); }

/* Waehrend des Ziehens: globaler col-resize-Cursor, keine Textauswahl. */
body.idf-colresize-active { cursor: col-resize; user-select: none; }
body.idf-colresize-active .idf-colresize-handle::after { background: var(--primary, #c8134b); }

/* ============================================================
   Push-/Scroll-Modus (gesetzt vom JS auf den Listen-Container,
   sobald der Nutzer eine Spalte zieht: alle Spalten sind dann feste
   px). Kopf UND Zeilen wachsen auf die Tabellenbreite. Ist die Tabelle
   breiter als der Viewport, scrollt das DOKUMENT horizontal: Kopf
   (sticky) und Zeilen laufen synchron mit, die fixe Sidebar bleibt
   stehen. Kein eigener Overflow-Container: damit bleiben die sticky-
   Kopfzeile, Header-Tooltips und die Inline-Edit-Popups unbeschnitten.
   Greift nur mit der Klasse -> im Normalzustand (Flex fuellt den Rest)
   veraendert es nichts.
   ============================================================ */
.idf-colresize-scroll .idf-list-thead,
.idf-colresize-scroll .idf-list-rows {
  width: max-content;
  min-width: 100%;
}