/* 账号管理 · 页面专属补充样式（基础令牌与组件复用 finance.css） */

/* 宽表横向滚动 */
.table-wrap.xwide { overflow-x: auto; }
.table-wrap.xwide table.data { min-width: 780px; }

/* 权限勾选区：三级分组 + chip 网格 */
.perm-box {
  background: var(--color-bg);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-sm);
  padding: var(--space-2) var(--space-3);
  max-height: 240px;
  overflow-y: auto;
}
.perm-group { margin-bottom: var(--space-2); }
.perm-group:last-child { margin-bottom: 0; }
.perm-group > .pl {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--color-muted);
  margin-bottom: 6px;
  padding-bottom: 4px;
  border-bottom: 1px dashed var(--color-border);
}
.perm-items { display: flex; flex-wrap: wrap; gap: 6px; }

/* 单个权限 chip（label 包裹 checkbox，整块可点） */
.perm {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  padding: 4px 9px;
  border: 1px solid var(--color-border-strong);
  border-radius: 2px;
  cursor: pointer;
  user-select: none;
  color: var(--color-muted);
  transition: border-color var(--dur-fast), color var(--dur-fast), background var(--dur-fast);
}
.perm:hover { border-color: var(--color-border-strong); color: var(--color-text); }
.perm input { accent-color: var(--color-accent); margin: 0; cursor: pointer; }
.perm.checked {
  color: #160d06;
  background: var(--color-accent);
  border-color: var(--color-accent);
  font-weight: 600;
}
.perm.locked { opacity: .75; cursor: not-allowed; }
.perm .code {
  font-family: var(--font-mono);
  font-size: 10px;
  opacity: .65;
}

/* 权限串摘要（列表内） */
.pow-sum { font-family: var(--font-mono); font-size: 11px; color: var(--color-muted); }