/* =============================================================================
 * jt-edge-dock — cột nút nổi dính MÉP PHẢI (theme, hỗ trợ…), mặc định giữa màn hình.
 * Góc dưới-trái che menu; góc dưới-phải đụng #back-to-top → dồn về mép phải, kéo dọc được.
 * Nút nào muốn vào cột: gắn data-jt-dock="<thứ tự>" lên phần tử bọc (xem jt-edge-dock.js).
 * Bản giống hệt ở 3 repo: IZY.ERP-Core, jupiter-truck, Jupiter-Handling (backend-v2).
 * ============================================================================= */
.jt-edge-dock {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1031;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    cursor: grab;
    touch-action: none;
    user-select: none;
}
.jt-edge-dock.is-placed { transform: none; }
.jt-edge-dock.is-dragging,
.jt-edge-dock.is-dragging * { cursor: grabbing !important; }

/* Phần tử con từng tự định vị (fixed, inline style góc dưới-trái) → trả về dòng chảy của cột */
.jt-edge-dock > [data-jt-dock] {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 !important;
}
.jt-edge-dock .btn {
    border-radius: 50rem 0 0 50rem !important;
    padding: .5rem .6rem .5rem .75rem !important;
    opacity: .85;
    transition: opacity .15s ease;
}
.jt-edge-dock .btn:hover,
.jt-edge-dock.is-dragging .btn { opacity: 1; }

/* Nhãn chữ (vd "Hỗ trợ"): thu vào cho tab gọn, rê chuột mới bung sang trái */
.jt-edge-dock .jt-dock-label {
    display: inline-block;
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    transition: max-width .2s ease;
}
.jt-edge-dock .btn:hover .jt-dock-label { max-width: 12em; }