.booking-table-scroll {
    overflow-x: auto;
    max-width: 100%;
}

.booking-table-scroll table {
    width: max-content;
    /* bảng rộng đúng bằng nội dung */
    min-width: 100%;
    /* nhưng không nhỏ hơn màn hình */
    table-layout: auto;
    /* QUAN TRỌNG */
    border-collapse: collapse;
}

.booking-table-scroll th,
.booking-table-scroll td {
    white-space: nowrap;
    /* giữ 1 dòng → đúng width nội dung */
    vertical-align: middle;
}

.col-stt {
    width: 50px;
}

.col-hotel {
    width: 180px;
}

.col-date {
    width: 90px;
}

.col-night {
    width: 60px;
}

.col-roomtype {
    width: 120px;
}

.col-code {
    width: 140px;
}

.col-room {
    width: 70px;
}

.col-price {
    width: 90px;
}

.col-extra {
    width: 90px;
}

.col-total {
    width: 150px;
}

.col-paid {
    width: 90px;
}

.col-due {
    width: 100px;
}

.col-note {
    width: 260px;
}

.col-action {
    width: 160px;
}

.booking-table-scroll input,
.booking-table-scroll textarea {
    width: auto;
    /* không ép 100% */
    min-width: 80px;
    /* tránh quá nhỏ */
    max-width: 100%;
    box-sizing: border-box;
    font-size: 13px;
}

.booking-table-scroll .col-note,
.booking-table-scroll td:nth-child(14) {
    white-space: normal;
    /* cho xuống dòng */
}

.booking-table-scroll .view {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.booking-table-scroll tr.editing td {
    white-space: nowrap;
}

.booking-table-scroll tr.editing td input[data-field="cong_thuc_tong"],
.booking-table-scroll tr.editing td input[data-f="cong_thuc_tong_bookingtg"],
.booking-table-scroll tr.editing td input[data-f="cong_thuc_tong_vehicle"] {
    min-width: 500px;
}

.booking-table-scroll tr.editing td input[data-field="checkin"],
.booking-table-scroll tr.editing td input[data-field="checkout"] {
    min-width: 120px;
}

.booking-table-scroll tr.editing td input[data-field="price_booking"],
.booking-table-scroll tr.editing td input[data-field="phu_thu_booking"] {
    min-width: max-content;
}

.booking-itinerary-table {
    border-collapse: collapse;
    font-size: 14px;
}

.booking-itinerary-table th {
    background: #760d0d !important;
    text-align: center;
    color: white;
}

.booking-itinerary-table td {
    vertical-align: top;
}

.booking-itinerary-block {
    border-collapse: collapse;
    font-size: 14px;
}

.booking-itinerary-block td {
    vertical-align: top;
}

.itinerary-row-head {
    background: #f5f5f5;
    font-weight: bold;
}

.itinerary-row-service td {
    background: #fafafa;
    font-size: 13px;
}

.itinerary-row-content td {
    padding-top: 10px;
    text-align: left;
}

.itinerary-row-head td,.itinerary-row-service td {
    background-color: #760d0d !important;
    color: white !important;
}