/*
 * Keep column resize controls available in normal and edit modes.
 */

.table-scroll thead th[data-mo-resizable="true"] {
  position: relative !important;
}

.table-scroll thead th[data-mo-resizable="true"]
.mo-column-resize-handle {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 100 !important;
  cursor: col-resize !important;
  touch-action: none !important;
}

body:not(.mo-edit-mode)
.table-scroll thead th[data-mo-resizable="true"]
.mo-column-resize-handle {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body:not(.mo-edit-mode)
.mo-column-resize-handle::after {
  background: rgba(129, 140, 248, 0.24);
}

body:not(.mo-edit-mode)
.table-scroll thead th:hover
.mo-column-resize-handle::after,
body:not(.mo-edit-mode)
.mo-column-resize-handle:hover::after,
body:not(.mo-edit-mode)
.mo-column-resize-handle.is-dragging::after {
  background: rgba(165, 180, 252, 0.95) !important;
  box-shadow: 0 0 8px rgba(129, 140, 248, 0.55);
}