#users .agent-list{display:grid;gap:10px;padding:12px}
.user-account-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;background:#fff;border:1px solid #dfe9e7;border-radius:16px;transition:.18s ease}
.user-account-card:hover{transform:translateY(-1px);border-color:#a9d8d0;box-shadow:0 12px 30px rgba(18,65,57,.08)}
.user-account-card.inactive{background:#f7f9f9;opacity:.76}
.user-account-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#07917c,#126c62);color:#fff;font-size:16px;font-weight:900;box-shadow:0 8px 18px rgba(7,145,124,.18)}
.user-account-copy{min-width:0;display:grid;gap:3px}.user-account-copy>div{display:flex;align-items:center;gap:8px;min-width:0}.user-account-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#123b35}.user-account-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#71817f}.user-account-copy em{font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#087f6f}
.user-status{padding:3px 7px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.user-status.active{color:#087966;background:#e6f7f2}.user-status.inactive{color:#9c4d55;background:#fdecee}
.user-account-actions{display:flex;align-items:center;gap:7px}.user-account-actions button{width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid #d7e4e1;border-radius:11px;background:#fff;color:#087f6f;cursor:pointer}.user-account-actions button:hover{background:#edf8f5;border-color:#9bd4ca}.user-account-actions button.danger{color:#d14350}.user-account-actions button.danger:hover{background:#fff0f1;border-color:#f2bfc4}.user-account-actions button:disabled{opacity:.28;cursor:not-allowed}.user-account-actions svg{width:17px;height:17px}
#user-form .user-active-field[hidden],#user-form .user-form-cancel[hidden]{display:none!important}#user-form .user-form-cancel{margin-top:0}#user-form input[name=password]:not(:placeholder-shown){letter-spacing:.08em}
@media(max-width:640px){.user-account-card{grid-template-columns:42px minmax(0,1fr);padding:12px}.user-account-avatar{width:42px;height:42px}.user-account-actions{grid-column:2;justify-content:flex-end}.user-account-actions button{width:36px;height:36px}}