.users-list { display: grid; gap: 10px; }
.user-row { display: grid; grid-template-columns: minmax(180px, 1fr) auto auto; gap: 12px; align-items: center; background: #fff; padding: 14px; border-radius: 8px; }
.user-row small { color: #5e6d76; }
.user-properties { display: grid; gap: 8px; border: 1px solid #d8e0e5; border-radius: 6px; padding: 12px; }
.user-properties label { display: flex; align-items: center; gap: 8px; }
.user-properties input { width: auto; }
.user-permissions { display: grid; gap: 10px; border: 1px solid #d8e0e5; border-radius: 6px; padding: 12px; margin-top: 12px; }
.user-permission-group { display: grid; gap: 6px; }
.user-permission-row { display: grid; grid-template-columns: minmax(0, 1fr) 150px; gap: 10px; align-items: center; }
.user-permission-row select { margin: 0; }
@media (max-width: 600px) { .user-row { grid-template-columns: 1fr; } .user-row button { width: 100%; } }