table {
		tr {
			&.bg-change {
				th, td {
					background-color: #ffc107;
				}
			}
			&.bg-cancel {
				th, td {
					background-color: #dc3545;
					color: #fff;
				}
			}
			&.bg-close {
				th, td {
					background-color: #198754;
					color: #fff;
				}
			}
		}
}

.drag-handle {
    cursor: grab;
    user-select: none;
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    display: inline-block;
}
.drag-handle:hover {
    background-color: #e9ecef;
}
.drag-handle:active {
    cursor: grabbing;
    background-color: #dee2e6;
}
.drag-handle.dragging {
    opacity: 0.5;
}

.spinner-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,0.8);
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 9999;
}
.spinner {
		width: 60px;
		height: 60px;
		border: 8px solid #f3f3f3;
		border-top: 8px solid #007bff;
		border-radius: 50%;
		animation: spin 1s linear infinite;
}
@keyframes spin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
}