/* Tùy chỉnh thanh cuộn ngang */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Thanh kéo Split.js */
.gutter {
    background-color: #f1f5f9;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 30;
    transition: background-color 0.2s;
}
.gutter:hover, .gutter:active {
    background-color: #3b82f6; /* Màu xanh khi hover/kéo */
}

/* Con trỏ chuột khi ở Desktop (Ngang) */
.gutter.gutter-horizontal {
    cursor: col-resize;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeOgF86wtGrOK6OAAAAABJRU5ErkJggg=='); /* Icon 3 chấm dọc */
}

/* Con trỏ chuột khi ở Mobile (Dọc) */
.gutter.gutter-vertical {
    cursor: row-resize;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUCNdj+M/AAySkafwGL5yGamhuQAAAAABJRU5ErkJggg=='); /* Icon 3 chấm ngang */
}