/* ═════════════════════════════════════════════════════════════════════════
   POS Layout — Scoped CSS
   EN: Layout-specific overrides that complement pos.css responsive styles.
   VI: Override riêng cho layout, bổ sung cho styles responsive pos.css.
   ═════════════════════════════════════════════════════════════════════════ */

/* EN: Ensure smooth transitions for all interactive elements
   VI: Đảm bảo transition mượt cho tất cả phần tử tương tác */
::deep .pos-sidebar,
::deep .pos-order-drawer {
    will-change: transform;
}

/* EN: Prevent body scroll when overlay is open
   VI: Ngăn cuộn body khi overlay đang mở */
::deep .pos-sidebar-overlay,
::deep .pos-order-overlay {
    backdrop-filter: blur(2px);
}
