
/* V195 — FIX trực tiếp lỗi V194:
   Danh sách đơn hàng desktop 12–15 inch không được ép chữ/số xuống dọc. */

@media (min-width: 900px) {
  .v194-order-list-desktop {
    width: 100%;
    max-width: 100%;
    overflow: hidden !important;
  }

  .v195-order-table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
  }

  .v195-order-table-scroll > div,
  .v195-order-table-scroll .responsive-report-table {
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
  }

  .v195-order-table-scroll table {
    width: max-content !important;
    min-width: 1420px !important;
    max-width: none !important;
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }

  /* Header tuyệt đối không xuống từng ký tự. */
  .v195-order-table-scroll thead th {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    line-height: 1.3 !important;
    font-size: 11px !important;
    padding: 11px 10px !important;
    vertical-align: middle !important;
  }

  .v195-order-table-scroll tbody td {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    line-height: 1.35 !important;
    font-size: 11.5px !important;
    padding: 10px 10px !important;
    vertical-align: middle !important;
  }

  /* Chỉ 3 cột chữ dài được phép xuống dòng bình thường. */
  .v195-order-table-scroll tbody td:nth-child(3),
  .v195-order-table-scroll tbody td:nth-child(4),
  .v195-order-table-scroll tbody td:nth-child(5) {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    min-width: 150px !important;
    max-width: 220px !important;
  }

  /* Mã đơn */
  .v195-order-table-scroll th:nth-child(1),
  .v195-order-table-scroll td:nth-child(1) {
    min-width: 82px !important;
  }

  /* Ngày */
  .v195-order-table-scroll th:nth-child(2),
  .v195-order-table-scroll td:nth-child(2) {
    min-width: 100px !important;
  }

  /* Khách hàng */
  .v195-order-table-scroll th:nth-child(3),
  .v195-order-table-scroll td:nth-child(3) {
    min-width: 170px !important;
  }

  /* Khu vực */
  .v195-order-table-scroll th:nth-child(4),
  .v195-order-table-scroll td:nth-child(4) {
    min-width: 140px !important;
  }

  /* Sale */
  .v195-order-table-scroll th:nth-child(5),
  .v195-order-table-scroll td:nth-child(5) {
    min-width: 170px !important;
  }

  /* SL SP */
  .v195-order-table-scroll th:nth-child(6),
  .v195-order-table-scroll td:nth-child(6) {
    min-width: 68px !important;
    text-align: center;
  }

  /* Giá trị + các cột tài chính động.
     Dùng min-width đủ lớn để số tiền không bị xếp dọc. */
  .v195-order-table-scroll th:nth-child(n+7):nth-child(-n+10),
  .v195-order-table-scroll td:nth-child(n+7):nth-child(-n+10) {
    min-width: 105px !important;
    text-align: right;
  }

  /* Trạng thái */
  .v195-order-table-scroll th:nth-last-child(2),
  .v195-order-table-scroll td:nth-last-child(2) {
    min-width: 125px !important;
    text-align: left;
  }

  /* Thao tác */
  .v195-order-table-scroll th:last-child,
  .v195-order-table-scroll td:last-child {
    min-width: 225px !important;
    width: 225px !important;
    white-space: nowrap !important;
  }

  /* Hủy tác động auto-fit toàn cục lên số tiền trong bảng này. */
  .v195-order-table-scroll .tabular,
  .v195-order-table-scroll .tabular-nums,
  .v195-order-table-scroll .stat-figure {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    max-width: none !important;
  }

  /* Giữ icon danh sách đơn hàng từ V192, không tác động icon nơi khác. */
  .v195-order-table-scroll .v192-order-list-actions {
    min-width: 210px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
  }
}

/* Laptop 12–15 inch thường 1024–1536 CSS px */
@media (min-width: 1024px) and (max-width: 1536px) {
  .v195-order-table-scroll table {
    min-width: 1360px !important;
  }

  .v195-order-table-scroll thead th {
    font-size: 10.5px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .v195-order-table-scroll tbody td {
    font-size: 11px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .v195-order-table-scroll .tabular,
  .v195-order-table-scroll .tabular-nums,
  .v195-order-table-scroll .stat-figure {
    font-size: 11px !important;
  }
}

/* 1366px — kích thước laptop 14 inch phổ biến */
@media (min-width: 1024px) and (max-width: 1366px) {
  .v195-order-table-scroll table {
    min-width: 1320px !important;
  }

  .v195-order-table-scroll th:nth-child(3),
  .v195-order-table-scroll td:nth-child(3) {
    min-width: 155px !important;
  }

  .v195-order-table-scroll th:nth-child(4),
  .v195-order-table-scroll td:nth-child(4) {
    min-width: 125px !important;
  }

  .v195-order-table-scroll th:nth-child(5),
  .v195-order-table-scroll td:nth-child(5) {
    min-width: 155px !important;
  }
}
