@media (max-width: 900px) {
    :root {
        --sa-event-summary-columns: repeat(2, minmax(var(--sa-event-zero), 1fr));
        --sa-event-filter-columns: repeat(2, minmax(var(--sa-event-zero), 1fr));
        --sa-event-scope-columns: repeat(2, minmax(var(--sa-event-zero), 1fr));
    }

    .superadmin-events-summary__fact:nth-child(2) {
        border-right-width: var(--sa-event-zero);
    }

    .superadmin-events-summary__fact:nth-child(-n + 2) {
        border-bottom: var(--sa-border);
    }

    .superadmin-events-filter__search,
    .superadmin-events-filter__header {
        grid-column: var(--sa-event-grid-full);
    }

    .superadmin-events-filter__actions {
        grid-column: var(--sa-event-grid-full);
        grid-template-columns: repeat(2, minmax(var(--sa-event-zero), 1fr));
    }

    .superadmin-events-filter__reset {
        width: var(--sa-event-full);
        background: var(--sa-color-panel-soft);
        border: var(--sa-border);
        border-radius: var(--sa-radius-md);
    }
}

@media (max-width: 720px) {
    :root {
        --sa-event-filter-columns: minmax(var(--sa-event-zero), 1fr);
        --sa-event-row-columns: var(--sa-event-icon-size) minmax(var(--sa-event-zero), 1fr);
        --sa-event-padding: var(--sa-space-md);
        --sa-event-time-min: var(--sa-event-zero);
    }

    .superadmin-events-summary__fact {
        border-right-width: var(--sa-event-zero);
    }

    .superadmin-events-filter__header,
    .superadmin-events-panel__header {
        align-items: start;
        flex-direction: column;
    }

    .superadmin-events-filter__header > p {
        align-self: start;
    }

    .superadmin-events-filter__field,
    .superadmin-events-filter__actions {
        grid-column: var(--sa-event-grid-full);
    }

    .superadmin-events-panel__actions {
        width: var(--sa-event-full);
        grid-template-columns: minmax(var(--sa-event-zero), 1fr) auto;
    }

    .superadmin-events-page .superadmin-event__time,
    .superadmin-events-page .superadmin-event__payload {
        grid-column: 2;
    }

    .superadmin-events-page .superadmin-event__time {
        min-width: var(--sa-event-zero);
        text-align: left;
    }

    .superadmin-events-page .superadmin-event__payload dl {
        grid-template-columns: minmax(var(--sa-event-zero), 1fr);
    }

    .superadmin-events-page .superadmin-event:not(:last-child)::before {
        bottom: calc(var(--sa-event-zero) - var(--sa-event-row-padding));
    }
}

@media (max-width: 480px) {
    :root {
        --sa-event-summary-columns: minmax(var(--sa-event-zero), 1fr);
        --sa-event-scope-columns: minmax(var(--sa-event-zero), 1fr);
        --sa-event-panel-actions-columns: minmax(var(--sa-event-zero), 1fr);
    }

    .superadmin-events-summary__fact,
    .superadmin-events-summary__fact:nth-child(2) {
        border-right-width: var(--sa-event-zero);
        border-bottom: var(--sa-border);
    }

    .superadmin-events-summary__fact:last-child {
        border-bottom-width: var(--sa-event-zero);
    }

    .superadmin-events-filter__actions,
    .superadmin-events-panel__actions {
        grid-template-columns: minmax(var(--sa-event-zero), 1fr);
    }

    .superadmin-events-panel__refresh {
        width: var(--sa-event-full);
    }
}