@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Pages/Events/Locations/Locations.razor.rz.scp.css */
.quickgrid[theme=corporate][b-qxrm202doy] {
    font-family: 'Arial', sans-serif;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #e0e0e0;
    background-color: #f9f9f9;
}

    /* Header styles */
    .quickgrid[theme=corporate] .col-title[b-qxrm202doy] {
        font-size: 1rem;
        font-weight: bold;
        text-transform: uppercase;
        padding: 12px;
        background-color: #004080; /* Dark blue */
        color: white;
        border-bottom: 2px solid #00264d; /* Slightly darker border */
    }

        .quickgrid[theme=corporate] .col-title:hover[b-qxrm202doy] {
            color: #ffcc00; /* Bright yellow on hover */
            cursor: pointer;
        }

    /* Row styles */
    .quickgrid[theme=corporate] tr[b-qxrm202doy] {
        border-bottom: 1px solid #ddd;
    }

        .quickgrid[theme=corporate] tr:hover[b-qxrm202doy] {
            background-color: #f1f1f1;
        }

    .quickgrid[theme=corporate] td[b-qxrm202doy] {
        padding: 10px;
        text-align: left;
        font-size: 0.9rem;
        color: #333;
    }

    /* Alternate row background color for better readability */
    .quickgrid[theme=corporate] tr:nth-child(even)[b-qxrm202doy] {
        background-color: #f2f2f2;
    }

    /* Column options and sort indicator styles */
    .quickgrid[theme=corporate] .sort-indicator[b-qxrm202doy] {
        margin-left: 4px;
        color: #ffcc00; /* Bright yellow */
    }

    /* Button styles in grid headers */
    .quickgrid[theme=corporate] button.col-title:hover[b-qxrm202doy],
    .quickgrid[theme=corporate] .col-options-button:hover[b-qxrm202doy] {
        background-color: #00509e;
        color: white;
    }

    .quickgrid[theme=corporate] button.col-title:active[b-qxrm202doy],
    .quickgrid[theme=corporate] .col-options-button:active[b-qxrm202doy] {
        background-color: #003366; /* Darker blue */
        color: #ffcc00; /* Bright yellow */
    }

/* Responsive styling for smaller screens */
@media {
    .quickgrid[theme=corporate][b-qxrm202doy] {
        font-size: 0.8rem;
    }

        .quickgrid[theme=corporate] .col-title[b-qxrm202doy] {
            font-size: 0.9rem;
        }

        .quickgrid[theme=corporate] td[b-qxrm202doy] {
            padding: 8px;
        }
}