.filters {
    grid-template-columns: repeat(4, minmax(150px, 1fr));
}

.filters .primary,
.filters .secondary {
    width: 100%;
}

.stats.single-event { grid-template-columns: repeat(2, minmax(160px, 1fr)); }

@media (max-width: 900px) {
    .filters { grid-template-columns: repeat(2, minmax(150px, 1fr)); }
}

@media (max-width: 540px) {
    .filters { grid-template-columns: 1fr; }
}

.users-layout {
    display: grid;
    grid-template-columns: minmax(280px, 360px) 1fr;
    gap: 18px;
    align-items: start;
}

.user-form { padding: 25px; }
.user-form h2 { margin: 5px 0 22px; }
.cancel-user { width: 100%; margin-top: 9px; }
.status { display: inline-block; padding: 5px 9px; border-radius: 99px; font-weight: 800; font-size: .78rem; }
.status.active { background: #e5f8ee; color: #16794a; }
.status.inactive { background: #eef1f4; color: #64748b; }
.delete-link:disabled { color: #aab5bc; cursor: not-allowed; }
.forgot { display: block; text-align: center; margin-top: 18px; color: #146c94; font-weight: 700; }

@media (max-width: 850px) {
    .users-layout { grid-template-columns: 1fr; }
}