/* Re-skin react-grid-layout to match Superlog's sharp-edge design language. */

.react-grid-item.react-grid-placeholder {
  background: rgba(46, 75, 255, 0.18);
  border: 1px dashed rgba(46, 75, 255, 0.6);
  border-radius: 0;
  opacity: 1;
}

.react-grid-item > .react-resizable-handle {
  background-image: none;
  width: 14px;
  height: 14px;
  bottom: 2px;
  right: 2px;
}

.react-grid-item > .react-resizable-handle::after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 8px;
  height: 8px;
  border-right: 2px solid rgba(255, 255, 255, 0.25);
  border-bottom: 2px solid rgba(255, 255, 255, 0.25);
}

.react-grid-item > .react-resizable-handle:hover::after {
  border-color: rgba(255, 255, 255, 0.6);
}

.dashboard-widget-handle {
  cursor: grab;
}

.react-grid-item.react-draggable-dragging .dashboard-widget-handle,
.dashboard-widget-handle:active {
  cursor: grabbing;
}