.rm-users-search { max-width: 420px; margin-bottom: var(--rm-space-5); }

#rm-users-list { display: flex; flex-direction: column; gap: var(--rm-space-3); }

.rm-user-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--rm-space-4);
    background: var(--rm-white);
    border: 1px solid var(--rm-fog-light);
    border-radius: var(--rm-radius-md);
    padding: var(--rm-space-3) var(--rm-space-4);
    flex-wrap: wrap;
}

.rm-user-row-main { flex: 1; min-width: 220px; }
.rm-user-row-top { display: flex; align-items: center; gap: var(--rm-space-2); margin-bottom: 4px; flex-wrap: nowrap; }
.rm-user-row-top strong { font-size: 0.95rem; }
.rm-user-row-meta { font-size: 0.78rem; color: var(--rm-fog); }

.rm-user-row-actions { display: flex; gap: var(--rm-space-2); flex-wrap: wrap; flex-shrink: 0; }

.rm-users-pagination {
    align-items: center;
    display: flex;
    gap: var(--rm-space-3);
    justify-content: space-between;
    margin-top: var(--rm-space-5);
}

.rm-users-pagination[hidden] { display: none; }
.rm-users-pagination-summary { color: var(--rm-fog); font-size: .82rem; }
.rm-users-pagination-buttons { align-items: center; display: flex; flex-wrap: wrap; gap: .35rem; }
.rm-users-pagination-gap { color: var(--rm-fog); padding: 0 .2rem; }

.rm-users-page-btn {
    background: var(--rm-white);
    border: 1px solid var(--rm-fog-light);
    border-radius: var(--rm-radius-sm);
    color: var(--rm-forest);
    cursor: pointer;
    min-width: 2.25rem;
    padding: .48rem .68rem;
}

.rm-users-page-btn:hover:not(:disabled),
.rm-users-page-btn.is-active {
    background: var(--rm-moss);
    border-color: var(--rm-moss);
    color: var(--rm-white);
}

.rm-users-page-btn:disabled { cursor: default; opacity: .45; }

@media (max-width: 640px) {
    .rm-users-pagination { align-items: flex-start; flex-direction: column; }
}