/* ============================================================
   Reordenar por arrastrar (rs-sortable) — feedback visual.
   ============================================================ */

/* Manito al pasar por encima de una fila arrastrable. */
[data-rs-sortable] [data-rs-id],
[data-rs-sortable] [data-rs-id] > td {
  cursor: grab;
}
[data-rs-sortable] [data-rs-id]:active {
  cursor: grabbing;
}
/* Pero los controles reales mantienen su cursor de click. */
[data-rs-sortable] [data-rs-id] a,
[data-rs-sortable] [data-rs-id] button,
[data-rs-sortable] [data-rs-id] .fl-boton,
[data-rs-sortable] [data-rs-id] label,
[data-rs-sortable] [data-rs-id] input,
[data-rs-sortable] [data-rs-id] select {
  cursor: pointer;
}

/* Fila "levantada" mientras se arrastra: sombra fuerte + resalte coral marcado.
   (Sin scale: el zoom generaba un scroll "fantasma" por el tamaño extra.) */
[data-rs-sortable] [data-rs-id].rs-sortable-dragging {
  cursor: grabbing !important;
  position: relative;
  z-index: 30;
  box-shadow: 0 14px 32px -10px rgba(15, 52, 61, .5);
}
[data-rs-sortable] [data-rs-id].rs-sortable-dragging > td {
  cursor: grabbing !important;
  background: var(--rs-coral-200, #f1ad99) !important;
}
/* Barrita de color al costado para reforzar que está "agarrada". */
[data-rs-sortable] [data-rs-id].rs-sortable-dragging > td:first-child {
  box-shadow: inset 5px 0 0 var(--rs-coral-600, #c14a30);
}