/* 角色管理桌面工作台，与公共色板一致，不设置独立手机版布局。 */
.role-type-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px}.role-type-tab{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);padding:8px 12px;margin-bottom:-1px}.role-type-tab:hover{color:var(--ink)}.role-type-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.role-type-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.role-workspace{display:grid;grid-template-columns:280px minmax(680px,1fr);gap:20px;min-width:1000px;align-items:start}
.role-list-panel{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.role-list-header,.role-permission-header,.role-selected-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.role-list-header>span{font-size:12px}.role-list-panel>.notice{font-size:12px;margin:0 0 12px}.role-list-panel>.toolbar{margin-bottom:16px}.role-search{display:flex;align-items:end;gap:8px;margin-bottom:16px}.role-search>.field{flex:1}
.role-cards{display:flex;flex-direction:column;gap:12px;max-height:610px;overflow:auto;padding:2px}
.role-card{border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:end;background:var(--surface);padding:4px}.role-card.is-selected{border-color:var(--accent);background:var(--tint)}
.role-card-select{display:flex;flex-direction:column;align-items:start;text-align:left;white-space:normal;border:0;background:transparent;flex:1;min-width:0;gap:6px;padding:10px 8px}.role-card-select small{font-size:11px;color:var(--muted);overflow-wrap:anywhere;line-height:1.5}.role-card-select span{font-size:12px;overflow-wrap:anywhere}.role-card>button:last-child:not(.role-card-select){font-size:12px;padding:4px 6px;margin:4px;border:0;background:transparent;color:var(--accent)}
.role-editor-panel{min-width:0;background:var(--surface);padding:16px;border:1px solid var(--line);border-radius:var(--radius)}.role-selected-meta{padding-bottom:12px;border-bottom:1px solid var(--line);font-size:13px}.role-selected-meta .muted{flex:1}.role-selected-meta button{font-size:12px;padding:4px 8px}
.role-permission-header{align-items:start}.role-permission-header h3{margin-bottom:4px}.role-permission-header p{font-size:12px}.role-permission-header .toolbar{flex-wrap:nowrap}.role-permission-header button{font-size:12px;padding:6px 8px}
.role-permission-filter{display:grid;grid-template-columns:150px 130px minmax(180px,1fr);gap:12px;margin:16px 0 10px}.role-permission-filter span{font-size:12px}.role-draft-summary{font-size:12px;min-height:24px;margin-bottom:8px;color:var(--muted)}.role-draft-summary.error{color:var(--danger)}
.role-transfer{display:grid;grid-template-columns:minmax(250px,1fr) 70px minmax(250px,1fr);gap:12px;align-items:stretch}.role-transfer-actions{display:flex;flex-direction:column;justify-content:center;gap:12px}.role-transfer-actions button{font-size:12px;padding:7px 4px}
.role-permission-pane{border:1px solid var(--line);border-radius:var(--radius);min-width:0}.role-permission-pane>header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:space-between;background:var(--canvas);padding:10px 12px;border-bottom:1px solid var(--line)}.role-permission-pane>header h3{font-size:14px}.role-permission-pane>header>span{font-size:11px}
.role-tree-scroll{height:520px;overflow:auto;padding:8px}.role-permission-tree{list-style:none;padding:0;margin:0}.role-permission-tree .role-permission-tree{padding-left:18px}.role-permission-row{display:flex;align-items:center;min-height:32px;gap:4px}.role-permission-label{display:flex;align-items:center;gap:6px;flex:1;min-width:160px;cursor:pointer;font-size:13px;white-space:nowrap}.role-permission-label>span:first-of-type{flex:1}.role-permission-label>small{font-size:11px}.role-tree-toggle{border:0;padding:3px 0;font-size:10px;width:25px;background:transparent;color:var(--muted)}.role-tree-spacer{width:25px;flex-shrink:0}.role-tree-context{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:13px;white-space:nowrap}.role-tree-context small{font-size:10px}
.role-kind{font-size:10px;line-height:1.4;border-radius:3px;padding:1px 4px;flex:none}.role-kind-menu{color:var(--accent);background:var(--tint)}.role-kind-button{color:#a02639;background:#ffe9ed}.role-kind-layer{color:#705314;background:#fff2d4}