/* ===== GLOBAL GRIDVIEW BOOTSTRAP STYLING ===== */

/* Target ALL GridViews */
table[class*="GridView"],
table[class*="gv"],
table[id*="GridView"],
table[id*="gv"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse !important;
}

    /* Table headers */
    table[class*="GridView"] th,
    table[class*="gv"] th,
    table[id*="GridView"] th,
    table[id*="gv"] th {
        background-color: #343a40 !important;
        color: white !important;
        border: 1px solid #454d55 !important;
        padding: 0.75rem !important;
        vertical-align: top !important;
        text-align: left !important;
        font-weight: 600;
    }

    /* Table cells */
    table[class*="GridView"] td,
    table[class*="gv"] td,
    table[id*="GridView"] td,
    table[id*="gv"] td {
        padding: 0.75rem !important;
        vertical-align: top !important;
        border: 1px solid #dee2e6 !important;
    }

    /* Alternating rows */
    table[class*="GridView"] tr:nth-child(even),
    table[class*="gv"] tr:nth-child(even),
    table[id*="GridView"] tr:nth-child(even),
    table[id*="gv"] tr:nth-child(even) {
        background-color: #f8f9fa !important;
    }

    /* Hover effect */
    table[class*="GridView"] tr:hover,
    table[class*="gv"] tr:hover,
    table[id*="GridView"] tr:hover,
    table[id*="gv"] tr:hover {
        background-color: #e9ecef !important;
    }

    /* Pager styling */
    table[class*="GridView"] .pager table,
    table[class*="gv"] .pager table,
    table[id*="GridView"] .pager table,
    table[id*="gv"] .pager table {
        margin: 0 auto !important;
        border: none !important;
    }

    /* Pager links */
    table[class*="GridView"] .pager a,
    table[class*="gv"] .pager a,
    table[id*="GridView"] .pager a,
    table[id*="gv"] .pager a,
    table[class*="GridView"] .pager span,
    table[class*="gv"] .pager span,
    table[id*="GridView"] .pager span,
    table[id*="gv"] .pager span {
        display: inline-block;
        padding: 0.375rem 0.75rem;
        margin: 0 0.125rem;
        line-height: 1.5;
        color: #007bff;
        background-color: #fff;
        border: 1px solid #dee2e6;
        border-radius: 0.25rem;
        text-decoration: none;
    }

    /* Current page */
    table[class*="GridView"] .pager span,
    table[class*="gv"] .pager span,
    table[id*="GridView"] .pager span,
    table[id*="gv"] .pager span {
        color: #fff !important;
        background-color: #007bff !important;
        border-color: #007bff !important;
        font-weight: bold;
    }

/* Empty data row */
.EmptyDataRow {
    text-align: center !important;
    padding: 2rem !important;
    color: #6c757d !important;
    font-style: italic !important;
}

/* Make all GridViews responsive by default */
@media (max-width: 768px) {
    table[class*="GridView"],
    table[class*="gv"],
    table[id*="GridView"],
    table[id*="gv"] {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}