.um-admin > span { background: var(--chart-2, var(--store-theme)); }
.um-user > span { background: var(--chart-1, var(--store-theme)); }
.um-disabled > span { background: var(--chart-4, var(--store-theme)); }
.um-role-issuer { color: var(--chart-2, var(--store-theme)); background: var(--store-theme-faint); }
.um-pager button:before { display: none !important; content: none !important; }
.modal:has(.um-dialog) .dialog { width: min(760px, 94vw); padding: 0; overflow: hidden; border-radius: 16px; }
.modal:has(.um-permission-dialog) .dialog { width: min(900px, 94vw); }
.um-dialog > header,.um-dialog > h2,.um-dialog > p,.um-dialog > form,.um-permission-dialog > .field,.um-permission-list,.um-dialog > .actions { margin-left: 28px; margin-right: 28px; }
.um-dialog > header { padding: 27px 0 19px; border-bottom: 1px solid var(--line); }
.um-dialog > header small { color: var(--store-theme); font-weight: 700; letter-spacing: .16em; }
.um-dialog > header h2 { margin: 5px 0 2px; font-size: 24px; }
.um-dialog > header p { margin: 0; color: var(--muted); }
.um-dialog > form { padding-top: 22px; }
.um-dialog .field input,.um-dialog .field select { height: 44px; border-color: var(--line); background: #fff; }
.um-dialog .field input:focus,.um-dialog .field select:focus { border-color: var(--store-theme); box-shadow: 0 0 0 3px var(--store-theme-faint); }
.um-dialog .actions { margin-top: 24px; padding: 18px 0 24px; border-top: 1px solid var(--line); }
.um-permission-dialog > h2 { margin-top: 28px; color: var(--ink); }
.um-permission-list label { border-color: var(--store-theme-border); background: var(--store-theme-faint); }
.um-permission-user { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:14px 28px; padding:12px; border:1px solid var(--store-theme-border); border-radius:9px; background:var(--store-theme-faint); }
.um-permission-user small,.um-permission-user b { display:block; }
.um-permission-user small { margin-bottom:4px; color:var(--muted); }
.um-permission-toolbar { display:flex; justify-content:flex-end; gap:8px; margin:0 28px 10px; }
.um-permission-list { display:block; max-height:430px; }
.um-permission-list section { margin-bottom:12px; padding:12px; border:1px solid var(--line); border-radius:9px; }
.um-permission-list section h3 { margin:0 0 8px; font-size:14px; }
.um-permission-list section label { display:flex; align-items:center; gap:10px; margin-top:7px; }
.um-permission-list section label > span { display:flex; flex-direction:column; gap:2px; }
.um-permission-list section label small { color:#b26a19; }
.um-action-spacer { flex:1; }