/* sortable-drag.css — SortableJS Drag-States + Aufgabe-Drag-Ghosts + Datum-
 Validierungs-Marker. aus legacy-shared.css extrahiert.
 Konsumenten: Mein-Tag-Fokus (Aufgabe → Fokus-Liste), DatePicker-Bereich-
 Validierung, alle SortableJS-Sortier-Listen. */

/* SortableJS drag states */
.sortable-ghost { opacity: 0.4; }
.sortable-chosen { box-shadow: var(--shadow-16); }

/* Drag & Drop: Aufgabe → Fokus (Mein Tag) */
#aufgaben-list, #fokus-list {
  -webkit-user-select: none;
  user-select: none;
}
#fokus-list {
  min-height: 120px;
  flex: 1 1 0;
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: none;
}
#fokus-list::-webkit-scrollbar { display: none; }
.aufgabe-drag-ghost { opacity: 0.5; box-shadow: var(--shadow-8); border-radius: var(--radius-md); pointer-events: none; }
.aufgabe-drag-chosen { box-shadow: var(--shadow-4); border-color: var(--brand-default); }
.aufgabe-drag-fallback {
  background: var(--color-surface); border: 1px solid var(--color-border);
  border-radius: var(--radius-md); box-shadow: var(--shadow-16);
  padding: var(--space-3) var(--space-4); width: 480px; opacity: 0.95;
  pointer-events: none; overflow: hidden;
  -webkit-user-select: none; user-select: none;
}
body.is-dragging * {
  -webkit-user-select: none !important;
  user-select: none !important;
  cursor: grabbing !important;
}

/* Datum-Validierungs-Marker (Auswahl/Eingabe ausserhalb erlaubtem Bereich) */
.date-invalid { border-color: var(--status-ueberfaellig) !important; box-shadow: 0 0 0 2px rgba(196, 49, 75, 0.15); }
.cs-wrap.date-invalid { border-radius: var(--radius-sm); }
.cs-wrap.date-invalid .cs-trigger { border-color: var(--status-ueberfaellig); }