/* ============================================================================
   16g-przeciaganie.css — przenoszenie pozycji na osi czasu (28.10.2026, js/zadania/przeciaganie-pozycji.js, przeciaganie-zapis.js)
   ----------------------------------------------------------------------------
   Pasek, który można przesuwać, ma data-pp="1": kursor „łapka”, uchwyty krawędzi, na dotyku przewijanie strony w pionie (touch-action: pan-y).
   Podczas przeciągania: oryginał blednie na swoim miejscu, „duch” (kopia paska) jedzie pod kursorem, wiersz docelowy jest podświetlony,
   etykieta podaje daty i osobę. Tylko tokeny (jasny i ciemny motyw), wygląd samych pasków bez zmian.
   ============================================================================ */
[data-pp="1"] { cursor: grab; touch-action: pan-y; }
.pp-uchwyt { position: absolute; top: 0; bottom: 0; z-index: 1; width: min(8px, 30%); cursor: ew-resize; }
.pp-uchwyt-l { left: 0; }
.pp-uchwyt-p { right: 0; }
[data-pp="1"]:is(:hover, :focus-visible) .pp-uchwyt { background: color-mix(in srgb, var(--hg-ton) 45%, transparent); }

/* Dotyk: bez menu i lupy po długim dotknięciu (iOS), bez zaznaczania napisu na pasku; uchwyt szerszy (palec), dalej mieści się w pasku min. 44 px. */
:root:not([data-ui="desktop"]) .pp-uchwyt { width: min(16px, 30%); }
:root:not([data-ui="desktop"]) [data-pp] { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }

/* Chwycony pasek: oryginał blednie, na dotyku po przytrzymaniu „unosi się” (ramka akcentu) zanim ruszy. */
[data-pp].is-przeciagany { opacity: .35; }
[data-pp].is-uniesiony { outline: 2px solid var(--accent); outline-offset: 1px; box-shadow: var(--cien-2); }
[data-pp].is-przeciagany.is-uniesiony { outline: 0; box-shadow: none; }

/* „Duch” — kopia paska w płótnie osi, nie łapie myszy, leży nad wszystkimi wierszami. */
.pp-duch { z-index: 6; pointer-events: none; opacity: .94; box-shadow: var(--cien-2); cursor: grabbing; }
.pp-duch.is-gotowy { opacity: .75; }
.pp-etykieta { position: absolute; z-index: 7; max-width: min(420px, 90%); padding: var(--s-1) var(--s-2); overflow: hidden; border: 1px solid var(--line-strong); border-radius: var(--r-sm); background: var(--surface); box-shadow: var(--cien-2); color: var(--text); font-size: var(--t-xs); font-weight: var(--w-bold); line-height: var(--lh-tight); text-overflow: ellipsis; white-space: nowrap; pointer-events: none; }

/* Wiersz docelowy (zmiana wykonawcy): akcent w polu osi i przy nazwie osoby; „już jest wykonawcą” — bez akcentu, tylko szary obrys. */
.pp-cel .zo-os::after { content: ""; position: absolute; inset: 0; z-index: 0; background: color-mix(in srgb, var(--accent) 12%, transparent); box-shadow: inset 0 0 0 2px var(--accent); pointer-events: none; }
.pp-cel .zo-n { box-shadow: inset 4px 0 0 var(--accent); background: color-mix(in srgb, var(--accent) 10%, var(--surface)); }
.pp-cel.pp-juz .zo-os::after { background: transparent; box-shadow: inset 0 0 0 2px var(--text-faint); }
.pp-cel.pp-juz .zo-n { box-shadow: inset 4px 0 0 var(--text-faint); background: var(--surface); }

/* Trwa przeciąganie: wszędzie „chwytam”, bez zaznaczania tekstu. */
.pp-ciagnie, .pp-ciagnie * { cursor: grabbing; user-select: none; -webkit-user-select: none; }