/* --------------------------------------------
   RESPONSIVE FIXES (WRAP + GROUPING)
   -------------------------------------------- */

/* Filters wrap cleanly */
.admin-filters .filters-row {
    flex-wrap: wrap;
    justify-content: center;
}

/* Action buttons wrap cleanly */
.admin-actions-row {
    flex-wrap: wrap;
    justify-content: center;
}

/* --------------------------------------------
   HYBRID SPACING RHYTHM
   Compact on small screens, airy on desktop
   -------------------------------------------- */

/* Desktop / large screens */
.admin-filters {
    margin-bottom: 28px;
}

.admin-grid-container {
    margin-top: 28px;
    margin-bottom: 32px;
}

.admin-actions-container {
    margin-top: 32px;
}

.admin-filters .filters-row {
    margin-bottom: 16px;
}

/* Medium screens (iPad / MBA) */
@media (max-width: 1100px) {
    .admin-filters {
        margin-bottom: 22px;
    }

    .admin-grid-container {
        margin-top: 22px;
        margin-bottom: 26px;
    }

    .admin-actions-container {
        margin-top: 26px;
    }

    .admin-filters .filters-row {
        margin-bottom: 14px;
    }
}

/* --------------------------------------------
   Small screens (iPhone)
   Merged into one clean block
   -------------------------------------------- */
@media (max-width: 700px) {

    /* Section spacing */
    .admin-filters {
        margin-bottom: 16px;
    }

    .admin-grid-container {
        margin-top: 16px;
        margin-bottom: 20px;
    }

    .admin-actions-container {
        margin-top: 20px;
    }

    .admin-filters .filters-row {
        margin-bottom: 12px;
        gap: 14px; /* tighter gaps */
    }

    .filter-buttons {
        gap: 6px;
    }

    /* Action buttons stack */
    .admin-actions-row {
        flex-direction: column;
        align-items: center;
    }

    .admin-actions-row .request-btn {
        width: 100%;
        max-width: 260px;
    }

    /* Group Start + End Date */
    .admin-filters .filters-row:nth-child(2) {
        flex-direction: column;
        align-items: center;
    }

    .admin-filters .filters-row:nth-child(2) .filters-bar {
        width: 100%;
        max-width: 260px;
    }

    .admin-filters .filter-buttons {
        flex-direction: row;
        justify-content: center;
        width: 100%;
        max-width: 260px;
        margin-top: 8px;
    }
}