/* 表格欄位邊框樣式 */
.table td:nth-child(6),
.table th:nth-child(6) {
    border-right: 1px solid #dee2e6 !important;
}

/* 高亮單元格樣式 */
.table tbody tr td.highlight-cell {
    background-color: #f1f1f1 !important;
}

/* 特定欄位水平置中 */
.edit-col,
.accessible-col,
.replies-col,
.positive-col,
.negative-col {
    text-align: center !important;
}

/* 固定寬度欄位 */
.fixed-width-col {
    width: 5%;
    min-width: 5%;
    max-width: 5%;
}

/* 彈性寬度欄位 */
.flex-col {
    flex: 1;
    min-width: 0;
}

/* 特定欄位寬度設定 */
/* Edit 欄位 */
.edit-col {
    width: 5% !important;
    min-width: 5% !important;
    max-width: 5% !important;
}

/* Booked Times 欄位 */
.booked-times-col {
    width: 10% !important;
    min-width: 10% !important;
    max-width: 10% !important;
}

/* Restaurant Name 欄位 */
.name-col {
    width: 20% !important;
    min-width: 20% !important;
    max-width: 20% !important;
}

/* Address 欄位 */
.address-col {
    width: 20% !important;
    min-width: 20% !important;
    max-width: 20% !important;
    white-space: pre-wrap !important; /* 允許折行 */
    word-break: break-word !important; /* 允許在任意字符間換行 */
    vertical-align: top !important; /* 頂部對齊，避免折行時內容被截斷 */
}

/* Link 欄位 */
.link-col {
    width: 10% !important;
    min-width: 10% !important;
    max-width: 10% !important;
    white-space: nowrap !important; /* 防止折行 */
    overflow: hidden !important; /* 隱藏溢出內容 */
    text-overflow: ellipsis !important; /* 顯示省略號 */
}

/* Accessible 欄位 */
.accessible-col {
    width: 5% !important;
    min-width: 5% !important;
    max-width: 5% !important;
}

/* Replies 欄位 */
.replies-col {
    width: 10% !important;
    min-width: 10% !important;
    max-width: 10% !important;
}

/* Positive 欄位 */
.positive-col {
    width: 10% !important;
    min-width: 10% !important;
    max-width: 10% !important;
}

/* Negative 欄位 */
.negative-col {
    width: 10% !important;
    min-width: 10% !important;
    max-width: 10% !important;
}

/* 表格容器樣式 */
#tableContainer {
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* 靜態標題列圓角樣式 */
.row.border-top {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #DADADA;
}

@media (max-width: 768px) {
    .content {
        --mobile-table-min-width: 940px;
    }

    .content > .row.border-top .edit-col,
    #tableContainer .edit-col {
        flex-basis: 56px !important;
        width: 56px !important;
        min-width: 56px !important;
        max-width: none !important;
    }

    .content > .row.border-top .booked-times-col,
    #tableContainer .booked-times-col {
        flex-basis: 120px !important;
        width: 120px !important;
        min-width: 120px !important;
        max-width: none !important;
    }

    .content > .row.border-top .name-col,
    #tableContainer .name-col {
        flex-basis: 180px !important;
        width: 180px !important;
        min-width: 180px !important;
        max-width: none !important;
    }

    .content > .row.border-top .address-col,
    #tableContainer .address-col {
        flex-basis: 240px !important;
        width: 240px !important;
        min-width: 240px !important;
        max-width: none !important;
    }

    .content > .row.border-top .link-col,
    #tableContainer .link-col {
        flex-basis: 140px !important;
        width: 140px !important;
        min-width: 140px !important;
        max-width: none !important;
    }

    .content > .row.border-top .accessible-col,
    #tableContainer .accessible-col,
    .content > .row.border-top .replies-col,
    #tableContainer .replies-col,
    .content > .row.border-top .positive-col,
    #tableContainer .positive-col,
    .content > .row.border-top .negative-col,
    #tableContainer .negative-col {
        flex-basis: 96px !important;
        width: 96px !important;
        min-width: 96px !important;
        max-width: none !important;
    }
}