.optimized-table-wrap{overflow-x:auto!important;overflow-y:visible!important;max-height:none!important;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;overscroll-behavior-x:contain;overscroll-behavior-y:auto!important}
.optimized-table-wrap::-webkit-scrollbar{height:7px}.optimized-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.optimized-table-wrap::-webkit-scrollbar-track{background:transparent}
.optimized-data-table{width:100%;table-layout:auto!important}.optimized-data-table th,.optimized-data-table td{padding:10px 12px!important;vertical-align:middle}.optimized-data-table th,.optimized-data-table td:not([data-label="Tên sản phẩm"]){white-space:nowrap}.optimized-data-table td[data-label="Tên sản phẩm"] strong,.orders-data-table td:nth-child(3){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal}
.page-size-control{display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:.8rem;white-space:nowrap}.page-size-control select{height:34px;padding:4px 28px 4px 9px;border:1px solid var(--border);border-radius:7px;background:var(--card-bg);color:var(--text)}
.optimized-pagination{padding:12px 14px}.product-catalog-table tr[hidden]{display:none!important}
#mod-imports img,#mod-imports .fa-image,#mod-imports .fa-box,#mod-imports .fa-box-open,.modal:has(#qif_items) img,.modal:has(#qif_items) .fa-image,.modal:has(#qif_items) .fa-box,.modal:has(#qif_items) .fa-box-open{display:none!important}
.modal:has(#qif_items) .import-result-product strong{font-weight:700}.modal:has(#qif_items) .import-result-product small{white-space:normal}.modal:has(#qif_items) .import-result-check{display:none!important}
@media(max-width:700px){.optimized-data-table th,.optimized-data-table td{padding:8px 9px!important}.optimized-pagination{gap:8px;flex-wrap:wrap}.page-size-control{order:1}.optimized-pagination .pagination-info{order:2}.optimized-pagination .pagination-btns{order:3;margin-left:auto}}

/* Mouse-wheel contract: a list scrolls while it has room, then hands the
   gesture to its parent/page at either boundary. This also fixes horizontal
   table wrappers swallowing vertical wheel gestures. */
html,body,.main-content,.module-section{overscroll-behavior-y:auto!important}
:where(.table-wrap,.modal-body,.prod-picker-list,.prod-picker-options,.import-search-results,
  .order-editor-results,.order-v2-results,.order-v2-customer-results,.order-v2-cart,
  .order-form-product-layout,.pos-product-grid,.pos-cart,.pos-categories,.pos-history-table-wrap,
  .stocktake-search-results,.guide-sidebar,.guide-detail,.guide-layout,.build-side,.build-log,
  .build-settings,.build-login-output,.build-claude-login){overscroll-behavior-y:auto!important}