@media (max-width: 1366px), (max-height: 768px) {
  .app-content :where(
    .ant-table-wrapper,
    .ant-table-content,
    .table-wrapper,
    .table-wrap,
    .table-shell,
    .overflow-x-auto,
    .order-table-shell,
    .order-detail-table-shell,
    .approval-table-wrap,
    .attendance-table-wrap,
    .employee-table-wrap,
    .task-history-table-wrap,
    .store-table-wrap,
    .type-setting-table-wrap
  ) {
    overscroll-behavior-x: contain;
    scroll-padding-inline: 16px;
    scrollbar-gutter: stable;
    scrollbar-width: auto;
  }

  .app-content :where(
    .ant-table-wrapper,
    .ant-table-content,
    .table-wrapper,
    .table-wrap,
    .table-shell,
    .overflow-x-auto,
    .order-table-shell,
    .order-detail-table-shell,
    .approval-table-wrap,
    .attendance-table-wrap,
    .employee-table-wrap,
    .task-history-table-wrap,
    .store-table-wrap,
    .type-setting-table-wrap
  )::-webkit-scrollbar {
    height: 14px;
  }

  .app-content :where(
    .ant-table-wrapper,
    .ant-table-content,
    .table-wrapper,
    .table-wrap,
    .table-shell,
    .overflow-x-auto,
    .order-table-shell,
    .order-detail-table-shell,
    .approval-table-wrap,
    .attendance-table-wrap,
    .employee-table-wrap,
    .task-history-table-wrap,
    .store-table-wrap,
    .type-setting-table-wrap
  )::-webkit-scrollbar-track {
    background: rgba(14, 165, 233, 0.1);
    border-radius: 7px;
  }

  .app-content :where(
    .ant-table-wrapper,
    .ant-table-content,
    .table-wrapper,
    .table-wrap,
    .table-shell,
    .overflow-x-auto,
    .order-table-shell,
    .order-detail-table-shell,
    .approval-table-wrap,
    .attendance-table-wrap,
    .employee-table-wrap,
    .task-history-table-wrap,
    .store-table-wrap,
    .type-setting-table-wrap
  )::-webkit-scrollbar-thumb {
    min-width: 48px;
    border: 3px solid transparent;
    border-radius: 7px;
    background: var(--theme-scrollbar);
    background-clip: content-box;
  }
}