/* V295 — Tối ưu độ mượt giao diện, không thay đổi nghiệp vụ/SQL */

html,
body,
#root{
  min-width:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body{
  overflow-x:hidden;
}

/* Tránh thay đổi layout khi thanh cuộn xuất hiện */
.v274-site-main,
.v293-desktop-lists,
.order-dialog-content{
  scrollbar-gutter:stable;
}

/* Không dùng transition: all cho các thành phần tương tác chính */
button,
a,
input,
select,
textarea,
[data-slot="select-trigger"]{
  transition-property:background-color,border-color,color,opacity,box-shadow,transform!important;
  transition-duration:120ms!important;
  transition-timing-function:ease-out!important;
}

/* Bảng và danh sách: hover nhẹ, ít repaint */
@media (min-width:1100px){
  .v293-desktop-lists tbody tr{
    transition:background-color 100ms ease-out!important;
  }

  .v293-desktop-lists tbody tr:hover{
    box-shadow:none!important;
    transform:none!important;
  }

  .v293-desktop-lists table,
  .v293-desktop-lists thead,
  .v293-desktop-lists tbody{
    backface-visibility:hidden;
  }

  .v275-supplier-debt-row,
  .v285-supplier-card{
    contain:layout paint;
  }
}

/* Các card danh sách dài chỉ render mạnh khi gần viewport */
@supports (content-visibility:auto){
  .v275-supplier-debt-row,
  .v285-supplier-card,
  .v201-debt-card{
    content-visibility:auto;
    contain-intrinsic-size:72px;
  }
}

/* Popup / form đơn hàng: ưu tiên scroll mượt và tránh hiệu ứng blur nặng */
.order-dialog-content{
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
}

.v291-quick-product-list{
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  scroll-behavior:auto!important;
}

/* Tablet/mobile: backdrop-filter trên vùng sticky có thể gây giật khi kéo */
@media (max-width:1099px){
  .order-dialog-content .order-mobile-workflow{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:var(--background)!important;
    box-shadow:0 2px 8px rgba(0,0,0,.04)!important;
  }

  .order-dialog-content,
  .v291-quick-product-list{
    touch-action:pan-y!important;
  }

  .order-dialog-content [class*="shadow-"]{
    box-shadow:0 1px 4px rgba(0,0,0,.05);
  }
}

/* Desktop lớn: giữ giao diện sạch, không ép GPU compositing toàn trang */
@media (min-width:1100px){
  .v274-site-main{
    transform:none!important;
    will-change:auto!important;
  }
}

/* Khi người dùng yêu cầu giảm chuyển động, tắt animation hoàn toàn */
@media (prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}