/* ================= THE CLOTHES FOR THE ONE DRAG ENGINE =================

   The five rules JS/components/drag-list.js needs, and nothing else: `a-dragging-on`
   on the body for the duration, `a-dragging` on the row being carried, `a-dragover`
   on the zone under the cursor, and one inserted `.a-drop-line` marking the landing.

   Its own file rather than CSS/alt/alt-shell.css because a host with no `CSS/alt/`
   sheet at all — the task page's own checklist — still needs it.

   Every token carries its classic fallback, as CSS/alt/alt-rich-text.css does for the
   same three hosts, so an unframed host with no `--a-*` scale never resolves to no
   colour at all. The pairs are the same aliases alt-tokens.css declares, not
   approximations, so the fallback matches in both themes.

   Loads before the CSS/alt/ sheets on every Suite page, so a host that dresses its
   own dragged row more specifically still wins — and before, never after,
   CSS/alt/alt-focus.css, which _docs/tests/alt-focus-visible.test.js keeps last. */

/* Nothing else may claim the pointer or select text under a drag in flight. */
body.a-dragging-on{ user-select:none; }
.a-dragging{ opacity:.42; }
.a-dragover{
  /* Plain declaration first: dropped, the drag target gives no feedback at all. */
  background:var(--a-blue-soft, var(--accent-soft));
  background:color-mix(in srgb, var(--a-blue, var(--accent)) 10%, transparent);
  outline:1px dashed var(--a-blue, var(--accent)); outline-offset:-2px;
  border-radius:var(--a-r, 9px);
}
[data-nodrop="1"].a-dragover{ outline-color:var(--a-red, var(--red-text)); }
.a-drop-line{
  height:2px; margin:1px 0; border-radius:2px;
  background:var(--a-blue, var(--accent)); flex:0 0 auto;
}