/* ===============================
   COMMON TABLE WRAPPERS
   =============================== */

.table-responsive,
.gov-table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 20px;
}


/* Optional swipe hint */

.table-responsive::after,
.gov-table-wrapper::after {
    content: "← Swipe to see more →";
    display: block;
    text-align: center;
    font-size: 12px;
    color: #666;
    margin-top: 6px;
}


/* ===============================
   COMMON GOVERNMENT TABLE STYLE
   =============================== */

.gov-price-table,
.gov-info-table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #cfcfcf;
    font-size: 14px;
}


/* Force horizontal scroll */

.gov-price-table {
    min-width: 1200px;
}

.gov-info-table {
    min-width: 700px;
}


/* ===============================
   TABLE HEADERS
   =============================== */

.gov-price-table thead th,
.gov-info-table thead th {
    background: #000000;
    color: #ffffff;
    padding: 14px 12px;
    font-weight: 700;
    text-align: center;
    border: 1px solid #3a3a3a;
    vertical-align: middle;
}


/* ===============================
   TABLE BODY
   =============================== */

.gov-price-table tbody td,
.gov-info-table tbody td {
    padding: 13px 12px;
    text-align: center;
    border: 1px solid #d6d6d6;
    background: #ffffff;
}


/* Zebra rows */

.gov-price-table tbody tr:nth-child(even) td,
.gov-info-table tbody tr:nth-child(even) td {
    background: #f5f5f5;
}


/* ===============================
   TOTAL / STATUS / LINKS
   =============================== */

.gov-price-table td.total {
    font-weight: 700;
    color: #0a7a0a;
    background: #eefaf0;
}


/* Status text */

.status-approved {
    color: #1a7f37;
    font-weight: 600;
}


/* Download links */

.download-link {
    color: #0b4ea2;
    font-weight: 600;
    text-decoration: none;
}

.download-link:hover {
    text-decoration: underline;
}


/* Center small columns */

.gov-info-table th:first-child,
.gov-info-table td:first-child,
.gov-info-table th:last-child,
.gov-info-table td:last-child {
    text-align: center;
}


/* ===============================
   MOBILE & TABLET
   =============================== */

@media (max-width: 991px) {
    .gov-price-table {
        min-width: 1200px;
    }
    .gov-info-table {
        min-width: 700px;
    }
}

@media (max-width: 576px) {
    .gov-price-table thead th,
    .gov-info-table thead th,
    .gov-price-table tbody td,
    .gov-info-table tbody td {
        font-size: 13px;
        padding: 11px 10px;
    }
}


/* project info table */


/* ===============================
   SCHEME INFO TABLE (GOV STYLE)
   =============================== */

.scheme-info-section .gov-table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.scheme-info-section .gov-info-table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #cfcfcf;
    min-width: 800px;
}


/* Table rows */

.scheme-info-section .gov-info-table tr {
    border-bottom: 1px solid #d6d6d6;
    /* FIX: row divider */
}


/* Header cells */

.scheme-info-section .gov-info-table th {
    width: 20%;
    background: #f3f4f6;
    color: #000;
    font-weight: 700;
    text-align: left;
    padding: 14px 16px;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    /* FIX: bottom border */
    vertical-align: middle;
}


/* Data cells */

.scheme-info-section .gov-info-table td {
    width: 30%;
    padding: 14px 16px;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    /* FIX: bottom border */
    vertical-align: middle;
}


/* Remove last column right border */

.scheme-info-section .gov-info-table th:last-child,
.scheme-info-section .gov-info-table td:last-child {
    border-right: none;
}


/* Amount highlight */

.scheme-info-section .gov-info-table td.amount {
    font-weight: 700;
    color: #0a7a0a;
}


/* ===============================
   MOBILE / TABLET
   =============================== */

@media (max-width: 768px) {
    .scheme-info-section .gov-info-table {
        min-width: 800px;
    }
}