/* Окно «Пользователи» (администратор): список в стиле сгруппированных таблиц iOS и форма добавления. */
.modal.is-users { width: 680px; }
@media (max-width: 600px) { .modal.is-users { width: 100%; } }

.user-list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: var(--r-md);
    background: var(--surface);
    box-shadow: var(--shadow-card);
    overflow: hidden;
}
.user-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-2) var(--sp-3);
    padding: 10px var(--sp-3);
}
.user-row + .user-row { border-top: 0.5px solid var(--separator); }
.user-row.is-off .user-info { opacity: 0.55; }
.user-info { display: flex; flex-direction: column; min-width: 0; }
.user-title { font-size: var(--fs-base); font-weight: 500; }
.user-sub { font-size: var(--fs-sm); color: var(--text-2); }
.user-btns { display: flex; flex-wrap: wrap; gap: 6px; }
.btn-sm { padding: 0 10px; font-size: var(--fs-md); }
.btn-danger-plain:disabled { color: var(--text-3); background: transparent; }

.user-add { margin-top: var(--sp-2); }
.user-add-title { margin: var(--sp-1) 0 0; font-size: var(--fs-base); font-weight: 500; }
.user-add-actions { display: flex; justify-content: flex-end; }