/* =====================================================================
   appTable — column drag & drop (pairs with assets/js/apptable-reorder.js)
   ---------------------------------------------------------------------
   ColReorder ships its own CSS inside datatables.min.css (so it is in
   app.all.css already): `body.dtcr-dragging`, `table.dtcr-cloned` for the
   floating header being dragged, and `.dtcr-moving*` on the body cells of
   the column in flight. Two gaps it leaves:

   1. Its dark rule is written for `html.dark`. NIZU's dark theme is
      `body.color-1E202D` + assets/css/color/1E202D.css, so the floating
      header stayed white-on-white here.
   2. The floating copy is drawn outside `.dt-container`, so none of the
      list skin in apptable-glass.css reaches it and it came out as bare
      browser defaults.

   Loaded from includes/head.php after app.all.css.
   ===================================================================== */

/* the whole page follows the drag, not just the header under the cursor */
body.dtcr-dragging,
body.dtcr-dragging .dt-container table.dataTable thead th {
    cursor: grabbing !important;
}

/* the floating copy of the header that follows the pointer. ColReorder's
   own rule leaves it translucent, so the header underneath shows through
   and the label is hard to read while dragging. */
table.dtcr-cloned.dataTable {
    background-color: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
    opacity: .97;
}

table.dtcr-cloned.dataTable thead th {
    padding: 12px 10px;
    font-weight: 600;
    white-space: nowrap;
}

/* the reset entry appended to appTable's show/hide-columns popover */
.list-group-item.nz-reset-column-order {
    border-top: 1px solid rgba(127, 127, 127, .25);
}

/* --------------------------------------------------------------- dark */
/* body.color-1E202D is the app's dark theme; its stylesheet is printed
   after every other sheet, hence the !important on the background. */

body.color-1E202D table.dtcr-cloned.dataTable {
    background-color: rgba(30, 32, 45, .94) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .55);
}

body.color-1E202D table.dtcr-cloned.dataTable thead th {
    color: #898fa9;
    border-color: #2f3541;
}