.user-actions{display:flex;flex-wrap:wrap;gap:12px}.user-presence{display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border:1px solid transparent;border-radius:999px;font-size:.72rem;font-weight:800;white-space:nowrap}.user-presence i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.user-presence.online{border-color:#1ba875;color:#c2ffe2;background:#075e43}.user-presence.offline{border-color:#b83c4a;color:#ffd5d8;background:#641e29}#usersView .panel+.panel{margin-top:18px}#userPasswordField{max-width:420px}
.user-password-modal{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#020b0dcc}.user-password-modal form{display:grid;gap:15px;width:min(440px,100%)}.user-password-modal h3,.user-password-modal p{margin:0}.user-password-modal label{display:grid;gap:7px}.user-actions button:disabled{cursor:not-allowed;opacity:.45}#userSubmit:disabled{cursor:not-allowed;opacity:.55}
.created-credentials{display:grid;gap:15px;width:min(460px,100%)}.created-credentials h3,.created-credentials p{margin:0}
.created-credentials-inline{display:grid;gap:12px;margin-top:18px;padding:16px;border:1px solid #496f78;border-radius:12px;background:#102f38}.created-credentials-inline h3,.created-credentials-inline p{margin:0}.created-credentials-inline p{color:var(--muted);font-size:.85rem}.created-credentials-inline>label{display:grid;gap:6px;max-width:480px;color:#c8dedb;font-size:.8rem;font-weight:750}.password-control{display:flex;gap:8px;align-items:stretch}.password-control input{min-width:0;flex:1}.password-visibility{min-width:86px;padding:8px 10px}
.inactive-users{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.inactive-users summary{cursor:pointer;color:var(--muted);font-size:.85rem;font-weight:750}.inactive-users .table-wrap{margin-top:10px}
.xtrim-client-fields{padding:16px;border:1px solid var(--line);border-radius:12px;background:#092a2f}.xtrim-client-fields h3{margin:0 0 14px;color:var(--green)}
#usersView #userForm label{font-size:14px}
#usersView .table-wrap tbody td:first-child strong{font-size:14px}