@media (max-width: 1100px) {

    .notification-summary-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .notification-filter-form {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 700px) {

    .admin-notifications-header h1 {
        font-size: 22px;
    }


    .admin-notifications-header p {
        font-size: 12px;

        line-height: 1.5;
    }


    .notification-summary-grid {
        grid-template-columns: 1fr;

        gap: 12px;
    }


    .notification-summary-card {
        min-height: 110px;

        padding: 17px;
    }


    .notification-filter-form {
        grid-template-columns: 1fr;
    }


    .notification-filter-form button,
    .notification-reset-btn {
        width: 100%;
    }

}


@media (max-width: 380px) {

    .admin-notifications-header h1 {
        font-size: 19px;
    }


    .notification-summary-card h2 {
        font-size: 18px;
    }

}


@media (max-width: 700px) {

    .notification-pagination {
        flex-direction: column;
        align-items: stretch;
    }


    .notification-page-numbers {
        order: 1;
    }


    .notification-page-nav {
        width: 100%;
    }

}