.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; }

/* 用户列表操作统一为主题色小按钮；危险和状态动作只区分语义色。 */
.um-table-wrap td:last-child { padding-left:10px; padding-right:10px; }
.um-actions { gap:6px; white-space:nowrap; }
.um-actions .um-action,.um-more-menu .um-action {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  box-sizing:border-box;
  height:32px;
  margin:0;
  padding:0 8px;
  border:1px solid var(--store-theme-border);
  border-radius:7px;
  background:#fff;
  color:var(--store-theme);
  font-size:13px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  transition:background-color .15s,border-color .15s;
}
.um-actions .um-action svg,.um-more-menu .um-action svg {
  width:15px;
  height:15px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.um-actions .um-action:hover:not(:disabled),.um-more-menu .um-action:hover:not(:disabled) {
  border-color:var(--store-theme);
  background:var(--store-theme-faint);
}
.um-actions .um-action:active:not(:disabled),.um-more-menu .um-action:active:not(:disabled) { background:var(--store-theme-soft); }
.um-actions .um-action:focus-visible,.um-more-menu .um-action:focus-visible { outline:2px solid var(--store-theme); outline-offset:2px; }
.um-actions .um-action--disable,.um-more-menu .um-action--disable { border-color:#e8caa2; background:#fffaf2; color:#a96413; }
.um-actions .um-action--disable:hover:not(:disabled),.um-more-menu .um-action--disable:hover:not(:disabled) { border-color:#d9a65f; background:#fff0d9; }
.um-actions .um-action--enable,.um-more-menu .um-action--enable { background:var(--store-theme-faint); }
.um-actions .um-action--delete,.um-more-menu .um-action--delete { border-color:#edc5c5; background:#fff8f8; color:#b73838; }
.um-actions .um-action--delete:hover:not(:disabled),.um-more-menu .um-action--delete:hover:not(:disabled) { border-color:#d87575; background:#fdeaea; }
.um-actions .um-action:disabled,.um-more-menu .um-action:disabled {
  border-color:var(--line);
  background:#f4f6f5;
  color:#9ba8a3;
  opacity:1;
  cursor:not-allowed;
}
.um-actions .um-action--more { display:none; width:32px; padding:0; }
.um-more-menu { position:fixed; z-index:10000; width:170px; padding:5px; border:1px solid var(--line); border-radius:9px; background:#fff; box-shadow:0 9px 24px #163a3024; }
.um-more-menu .um-action { width:100%; justify-content:flex-start; margin:2px 0; }
@media(max-width:1450px) {
  .um-actions .um-wide-action { display:none; }
  .um-actions .um-action--more { display:inline-flex; }
}