.ml-auto {
    margin-left: auto !important;
}

/* Table Styles */
.table {
    margin-bottom: 0;
}

.table thead th {
    background-color: #f8f9fa;
    border-bottom-width: 1px;
}

.status-badge {
    padding: 0;
    background-color: transparent;
    font-weight: bold;
    text-align: center;
    display: inline-block;
}

.status-pending {
    color: #ffc107; /* Amber */
}

.status-success {
    color: #28a745; /* Green */
}

.vip-badge {
    background-color: #dc3545; /* Red */
    color: white;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 0.75rem;
    margin-left: 8px;
    vertical-align: middle;
}

/* Custom styles for the hero section buttons on mobile */
@media (max-width: 767px) {
    .py-4.py-xl-5 .btn {
        font-size: 1rem; /* Adjust font size for smaller screens */
        padding: 10px 15px; /* Adjust padding */
    }

    .py-4.py-xl-5 .d-flex {
        flex-direction: column; /* Stack buttons vertically */
    }

    .py-4.py-xl-5 .btn-lg.me-2 {
        margin-right: 0 !important; /* Remove right margin */
        margin-bottom: 10px; /* Add space between stacked buttons */
    }

    .table-responsive > .table {
        table-layout: fixed;
        width: 100%;
    }

    .table th,
    .table td {
        font-size: 14px;
        padding: 0.5rem;
        vertical-align: middle;
    }

    /* Truncate style for specific columns */
    .table .truncate {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Loan Requests Table Column Widths */
    #loanRequests th:nth-child(1),
    #loanRequests td:nth-child(1) {
        width: 18%;
    } /* 時間 */
    #loanRequests th:nth-child(2),
    #loanRequests td:nth-child(2) {
        width: 30%;
    } /* 需求 */
    #loanRequests th:nth-child(3),
    #loanRequests td:nth-child(3) {
        width: 12%;
    } /* 金額 */
    #loanRequests th:nth-child(4),
    #loanRequests td:nth-child(4) {
        width: 15%;
    } /* 抵押品 */
    #loanRequests th:nth-child(5),
    #loanRequests td:nth-child(5) {
        width: 15%;
    } /* 地區 */
    #loanRequests th:nth-child(6),
    #loanRequests td:nth-child(6) {
        width: 10%;
    } /* 媒合 */

    /* Lend Ads Table Column Widths */
    #lendAdsList th:nth-child(1),
    #lendAdsList td:nth-child(1) {
        width: 20%;
    } /* 時間 */
    #lendAdsList th:nth-child(2),
    #lendAdsList td:nth-child(2) {
        width: 40%;
    } /* 標題 */
    #lendAdsList th:nth-child(3),
    #lendAdsList td:nth-child(3) {
        width: 20%;
    } /* 地區 */
    #lendAdsList th:nth-child(4),
    #lendAdsList td:nth-child(4) {
        width: 20%;
    } /* 類型 */
}