.users-card {max-width:none;margin-bottom:24px;}
.users-heading,.users-actions {display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.users-heading {justify-content:space-between;}
.users-fields {display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.users-fields label {min-width:0;font-size:14px;}
.users-fields input {width:100%;font-size:16px;}
.viewer-badge {border:1px solid #2c655f;border-radius:20px;padding:6px 12px;color:#78dbcf;font-size:13px;}
.users-actions button {min-height:42px;font-size:14px;}
#createUserBtn {margin-left:auto;}
.users-list {margin-top:24px;}
.user-row {display:flex;gap:16px;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--border,#273444);}
.user-row strong {font-size:16px;overflow-wrap:anywhere;}
.user-row>div {min-width:0;}
.user-row-actions {display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;}
.user-row-actions button {min-height:42px;font-size:14px;}
.user-delete {color:#ff9d9d;}
#userEditorTitle {overflow-wrap:anywhere;margin:0;font-size:17px;}
.user-row small {display:block;font-size:13px;color:var(--muted,#8b9aae);margin-top:5px;}
#accountLabel {max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;margin-left:auto;}
.viewer-mode [data-page="system"],.viewer-mode [data-page="cameras"],.viewer-mode #settingsBtn,.viewer-mode [data-settings],.viewer-mode #page-system,.viewer-mode #page-cameras {display:none!important;}
@media(max-width:800px){.users-fields{grid-template-columns:1fr;}.users-actions{gap:8px;}#createUserBtn{width:100%;margin-left:0;}.user-row{align-items:flex-start;flex-direction:column;gap:8px;}#accountLabel{max-width:160px;margin-left:0;}.users-card{padding:18px;}}