#user-dialog::backdrop,#user-delete-dialog::backdrop{background:#20211d99}
.user-panel{width:min(1040px,95vw);max-height:92vh}
.user-layout{display:grid;grid-template-columns:240px minmax(0,1fr);height:min(690px,calc(92vh - 86px));min-height:0}
.user-index{display:flex;flex-direction:column;min-height:0;padding:16px;background:#f1f0eb;border-right:1px solid var(--line);color:var(--ink)}
.user-list{display:grid;align-content:start;overflow-y:auto;margin-top:12px}
.user-list button{display:grid;gap:4px;width:100%;padding:12px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}
.user-list button:hover,.user-list button.active{background:#fff}
.user-list small{color:#77786f}
#user-form{display:grid;align-content:start;gap:16px;padding:22px 26px 28px;overflow-y:auto;background:var(--paper)}
#user-form>label,.user-two-cols label,#user-delete-form label{display:grid;gap:6px;color:#5d5e57;font-size:12px}
#user-form input,#user-form select,#user-delete-form input{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit}
#user-form input:focus,#user-form select:focus,#user-delete-form input:focus{outline:2px solid #d85c3655;outline-offset:1px;border-color:var(--accent)}
#user-form input:disabled{background:#ecece6;color:#686960;cursor:not-allowed}
#user-form label small{color:#77786f;line-height:1.45}
.user-two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.user-devices{display:grid;gap:7px}
.user-device{display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,.7fr);align-items:center;gap:14px;padding:10px 12px;border:1px solid var(--line);background:#fff}
.user-device span,.user-device b,.user-device small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-device small{margin-top:3px;color:#85867e;font-size:10px}
.user-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:4px}
.user-actions button{min-width:140px;padding:12px;cursor:pointer}
.user-actions .danger{margin-right:auto;border:1px solid #b73b2d;background:#fff;color:#a9342b}
.user-list-empty{padding:12px;color:#77786f;font-size:12px}
#user-delete-form label{margin-top:14px}
@media(max-width:760px){.user-panel{width:96vw;max-height:96vh}.user-layout{grid-template-columns:1fr;height:calc(96vh - 86px);overflow-y:auto}.user-index{max-height:220px;border-right:0;border-bottom:1px solid var(--line)}#user-form{overflow:visible;padding:18px}.user-two-cols{grid-template-columns:1fr}.user-device{grid-template-columns:1fr}.user-actions{flex-direction:column-reverse}.user-actions button{width:100%}.user-actions .danger{margin-right:0}}