/* Pipeline card dragging (ui/pipeline-drag.js). Loads after the card styles it adjusts. */

/* The lifted copy rides in a fixed layer above everything, following the pointer. */
.hq-drag-layer{position:fixed;left:0;top:0;z-index:2147483000;pointer-events:none;will-change:transform}
.hq-drag-lift{--hq-drag-shadow:rgb(15 23 42 / .14);box-sizing:border-box;border-radius:10px;overflow:hidden;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 1px 2px var(--hq-drag-shadow),0 0 0 transparent;transition:box-shadow 160ms ease;will-change:transform}
.hq-drag-layer.is-lifted .hq-drag-lift{box-shadow:0 0 0 1px var(--line),0 4px 10px -4px var(--hq-drag-shadow),0 18px 36px -10px rgb(15 23 42 / .26)}
.hq-drag-layer.is-landing .hq-drag-lift{box-shadow:0 0 0 1px transparent,0 0 0 transparent,0 0 0 transparent}
body.theme-dark .hq-drag-lift{--hq-drag-shadow:rgb(0 0 0 / .45)}
body.theme-dark .hq-drag-layer.is-lifted .hq-drag-lift{box-shadow:0 0 0 1px var(--line),0 4px 10px -4px var(--hq-drag-shadow),0 18px 36px -10px rgb(0 0 0 / .6)}
body.balanced-blue.minimal-calm .hq-drag-lift>:is(.ful-student-card.ful-student-card-simple,.happiness-person){border-bottom:0;background:var(--surface)}

/* While dragging, the whole page shows the grabbing hand and nothing gets text-selected. */
html.hq-card-dragging,html.hq-card-dragging *{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}
.ful-pipeline [data-pipeline-stage] [draggable="true"]{-webkit-touch-callout:none;touch-action:manipulation}

/* Where the card was lifted from: an empty slot of the same size, so the column never jumps. */
body.balanced-blue.minimal-calm .ful-pipeline :is(.ful-student-card,.happiness-person).ful-student-dragging{opacity:1;background:var(--soft);box-shadow:none;outline:1px dashed color-mix(in srgb,var(--secondary) 45%,transparent);outline-offset:-6px;border-radius:10px}
body.balanced-blue.minimal-calm .ful-pipeline :is(.ful-student-card,.happiness-person).ful-student-dragging>*{visibility:hidden}

/* The column under the card lights up; easing the change keeps sweeping across columns calm. */
body.minimal-calm .ful-pipeline>.ful-stage,body.minimal-calm .ful-pipeline>.ful-stage>header,body.minimal-calm .ful-pipeline>.ful-stage>.ful-stage-body{transition:border-color 140ms ease,box-shadow 140ms ease,background-color 140ms ease}
@media(prefers-reduced-motion:reduce){
  .hq-drag-lift{transition:none}
  body.minimal-calm .ful-pipeline>.ful-stage,body.minimal-calm .ful-pipeline>.ful-stage>header,body.minimal-calm .ful-pipeline>.ful-stage>.ful-stage-body{transition:none}
}