/* QuickGrid theme-aware styling */
.quick-grid-container {
    width: 100%;
    margin: 1rem 0;
    overflow-x: auto;
}

.quick-grid {
    width: 100%;
    border-collapse: collapse;
    border: 2px solid var(--primary-color, #052767);
}

/* Override header styling completely */
.quick-grid > thead > tr > th {
    background-color: var(--primary-color, #052767) !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 0.75rem !important;
    text-align: left !important;
    border-bottom: 2px solid #dee2e6 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    vertical-align: bottom !important; /* Bottom align header text */
}

/* Override any button or div inside headers */
.quick-grid > thead > tr > th button,
.quick-grid > thead > tr > th div {
    background-color: transparent !important;
    color: white !important;
    border: none !important;
    box-shadow: none !important;
    vertical-align: bottom !important; /* Bottom align button/div content */
}

/* Cell styling */
.quick-grid > tbody > tr > td {
    padding: 0.75rem !important;
    border-bottom: 1px solid #dee2e6 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* Alternating row colors */
.quick-grid > tbody > tr:nth-child(odd) {
    background-color: #f8f9fa !important;
}

.quick-grid > tbody > tr:nth-child(even) {
    background-color: white !important;
}

/* Hover effect */
.quick-grid > tbody > tr:hover {
    background-color: rgba(5, 39, 103, 0.05) !important;
}

/* Action buttons styling */
.action-buttons {
    display: flex;
    gap: 0.5rem;
}

.action-buttons a {
    text-decoration: none;
}

/* Paginator styling */
.paginator-container {
    margin: 1rem 0;
    display: flex;
    justify-content: center;
}

.paginator {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.paginator button {
    color: var(--primary-color, #052767);
    cursor: pointer;
    padding: 0.25rem 0.5rem;
}

.paginator button:hover {
    color: var(--secondary-color, #3a0647);
}

.paginator .current {
    background-color: var(--primary-color, #052767);
    color: white;
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
}