/**
 * 角色权限配置样式
 */
.index__container--I2iCt {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.index__toolbar--U9g78 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 24px 16px;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(8px);
}
.index__searchInput--SIYEa {
  flex: 1;
  max-width: 400px;
  border-radius: 12px;
}
.index__searchIcon--UkKI_ {
  color: var(--color-icon-tertiary);
}
.index__saveIndicator--jLFkM {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--color-text-tertiary);
}
.index__successIcon--mEhtc {
  color: var(--color-success);
}
.index__content--EIBtw {
  flex: 1;
  overflow-y: auto;
  padding: 8px 24px 80px;
}
.index__groupGrid--amB2y {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 16px;
}
.index__groupCard--P245N {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  border: 1px solid var(--color-border-secondary);
  background-color: var(--color-bg-primary);
  transition: all 0.2s;
}
.index__groupCard--P245N.index__error--KFhJV {
  border-color: var(--color-error);
  background-color: rgba(var(--color-error-rgb), 0.04);
}
.index__groupHeader--_8aAa {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid var(--color-border-secondary);
  cursor: pointer;
}
.index__groupHeader--_8aAa.index__disabled--v20wm {
  cursor: not-allowed;
  opacity: 0.6;
}
.index__groupName--Kuiml {
  font-weight: 500;
  color: var(--color-text-primary);
}
.index__groupCount--g9NIO {
  margin-left: auto;
  font-size: 12px;
  color: var(--color-text-tertiary);
}
.index__permissionList--MWk5T {
  flex: 1;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.index__permissionItem--szpsw {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  border-radius: 8px;
  cursor: pointer;
}
.index__permissionItem--szpsw.index__disabled--v20wm {
  cursor: not-allowed;
  opacity: 0.6;
}
.index__permissionName--ohOdt {
  font-size: 14px;
  color: var(--color-text-secondary);
}
.index__loadingState--MwrCg,
.index__emptyState--oXhdL {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;
  color: var(--color-text-tertiary);
}
/*# sourceMappingURL=/data/src/pages/admin/role/components/role-permission-config/index.css.map */
/**
 * MemberTreeSelector 组件样式
 *
 * 基于 Figma 设计稿（节点 2654:192690）还原，使用 antd 组件 + 样式覆盖。
 * 颜色全部使用 CSS 变量，禁止硬编码色值。
 */
.index__modal--C4uof .ant-modal-content {
  padding: 20px;
  border-radius: 32px;
}
.index__modal--C4uof .ant-modal-header {
  margin-bottom: 16px;
  padding: 0;
}
.index__modal--C4uof .ant-modal-title {
  width: 100%;
}
.index__modal--C4uof .ant-modal-body {
  padding: 0;
  display: flex;
  flex-direction: column;
}
.index__modal--C4uof .ant-modal-footer {
  margin-top: 0;
  padding: 0;
  border: none;
}
.index__modalTitleRow--VVlaA {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}
.index__modalTitleText--Iq8w9 {
  flex: 1;
  min-width: 0;
  font-family: var(--font-family-wide);
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  color: var(--color-text-primary);
}
.index__modalCloseButton--db6HI {
  width: 32px !important;
  height: 32px !important;
  min-width: 24px;
  padding: 0;
  border: none;
  border-radius: 50%;
  color: var(--color-text-secondary);
  background-color: var(--color-fill-tertiary) !important;
  /* #F2F3F7 */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color var(--motion-duration-fast) var(--motion-ease-in-out);
}
.index__modalCloseButton--db6HI .ant-btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  line-height: 1;
}
.index__modalCloseButton--db6HI:hover,
.index__modalCloseButton--db6HI:focus,
.index__modalCloseButton--db6HI:active {
  color: var(--color-text-secondary);
  background-color: var(--color-fill-tertiary) !important;
  /* #F2F3F7 */
}
.index__description--hQqdR {
  margin: 0;
  font-family: var(--font-family-base);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-text-secondary);
}
.index__content--V57fR {
  display: flex;
  height: 466px;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  overflow: hidden;
}
.index__leftPanel--SEuZU {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--color-border);
  min-width: 0;
}
.index__rightPanel--kVHGs {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.index__panelHeader--Rcqsm {
  padding: 12px;
}
.index__panelTitle--PxryX {
  margin: 0;
  font-family: var(--font-family-base);
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: var(--color-text-primary);
}
.index__searchWrapper--GWV7P {
  padding: 12px;
}
.index__searchWrapper--GWV7P .ant-input-affix-wrapper {
  height: 52px;
  padding: 2px 4px 2px 8px;
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: 16px;
  gap: 4px;
}
.index__searchWrapper--GWV7P .ant-input-affix-wrapper .ant-input {
  padding: 4px;
  font-size: 17px;
  line-height: 24px;
  background: transparent;
}
.index__searchWrapper--GWV7P .ant-input-affix-wrapper .ant-input::placeholder {
  color: var(--color-text-secondary);
}
.index__searchWrapper--GWV7P .ant-input-affix-wrapper .ant-input-prefix {
  margin-right: 4px;
  color: var(--color-text-secondary);
}
.index__searchWrapper--GWV7P .ant-input-affix-wrapper .ant-input-suffix .anticon-close-circle {
  font-size: 16px;
  color: var(--color-text-tertiary);
}
.index__tabs--mZ5qo {
  padding: 0 12px;
  margin-bottom: 12px;
}
.index__tabs--mZ5qo .ant-tabs-nav {
  margin-bottom: 0;
}
.index__tabs--mZ5qo .ant-tabs-nav::before {
  display: none;
}
.index__tabs--mZ5qo .ant-tabs-tab {
  padding: 6px 2px;
  margin: 0 16px 0 0;
  font-family: var(--font-family-base);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--color-text-primary);
}
.index__tabs--mZ5qo .ant-tabs-tab:hover {
  color: var(--color-text-primary);
}
.index__tabs--mZ5qo .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--color-text-primary);
}
.index__tabs--mZ5qo .ant-tabs-ink-bar {
  height: 2px;
  background: var(--color-primary);
  border-radius: 1px;
}
.index__treeWrapper--AZ_Vg {
  flex: 1;
  overflow-y: auto;
  padding: 0 12px 12px;
}
.index__loadingWrapper--Tz0OZ {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.index__emptyWrapper--IZXJ2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.index__tree--qi7Ci .ant-tree-switcher {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 44px;
}
.index__tree--qi7Ci .ant-tree-node-content-wrapper {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0;
  background: transparent;
}
.index__tree--qi7Ci .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.index__tree--qi7Ci .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background: transparent;
}
.index__tree--qi7Ci .ant-tree-title {
  flex: 1;
}
.index__tree--qi7Ci .ant-tree-checkbox {
  margin-right: 8px;
}
.index__tree--qi7Ci .ant-tree-checkbox .ant-tree-checkbox-inner {
  width: 18px !important;
  height: 18px !important;
  border-radius: 6px !important;
  border: 1px solid var(--color-border) !important;
  background: var(--color-bg-secondary) !important;
}
.index__tree--qi7Ci .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.index__tree--qi7Ci .ant-tree-checkbox:hover .ant-tree-checkbox-inner {
  border-color: var(--color-border) !important;
  background: var(--color-bg-secondary) !important;
}
.index__tree--qi7Ci .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}
.index__tree--qi7Ci .ant-tree-checkbox-checked:hover .ant-tree-checkbox-inner,
.index__tree--qi7Ci .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}
.index__tree--qi7Ci .ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  width: 5px !important;
  height: 9px !important;
  border-width: 0 2px 2px 0 !important;
  border-color: var(--color-icon-reverse) !important;
}
.index__tree--qi7Ci .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}
.index__tree--qi7Ci .ant-tree-checkbox-indeterminate:hover .ant-tree-checkbox-inner,
.index__tree--qi7Ci .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}
.index__tree--qi7Ci .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  width: 8px !important;
  height: 2px !important;
  border: none !important;
  background: var(--color-icon-reverse) !important;
  border-radius: 2px !important;
  transform: translate(-50%, -50%) !important;
}
.index__tree--qi7Ci .ant-tree-treenode {
  display: flex;
  width: max-content;
  min-width: 100%;
  padding: 0;
  align-items: flex-start;
}
.index__tree--qi7Ci .ant-tree-treenode:hover {
  background: var(--color-fill-hover);
  border-radius: 8px;
}
.index__tree--qi7Ci .ant-tree-list-holder-inner {
  min-width: 100%;
}
.index__tree--qi7Ci .ant-tree-indent {
  flex-shrink: 0;
}
.index__tree--qi7Ci .ant-tree-node-content-wrapper {
  flex-shrink: 0;
}
.index__tree--qi7Ci .ant-tree-indent-unit {
  width: 24px;
}
.index__switcherIcon--ha254 {
  width: 24px;
  height: 24px;
  color: var(--color-text-secondary);
}
.index__switcherIconDisabled--BGh5T {
  color: var(--color-text-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.index__treeNodeWrapper--iQHyv {
  display: flex;
  flex-direction: column;
  width: max-content;
  min-width: 100%;
}
.index__treeNodeTitle--HH3KL {
  display: flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  min-width: 100%;
  padding: 10px 8px;
  box-sizing: border-box;
  border-radius: 8px;
}
/**
 * 树节点图标徽章容器
 *
 * 用于将部门/群组 SVG 图标包裹在彩色圆角方形徽章中，与 Figma 设计稿保持一致。
 * 子图标通过 treeNodeIcon 以 white 色渲染。
 */
.index__treeNodeIconBadge--lyHoI {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  border-radius: 8px;
  color: var(--color-icon-reverse);
}
/** 群组图标徽章：Tertiary text/icon color */
.index__treeNodeIconBadgeGroup--wQodb {
  background: var(--color-text-tertiary);
}
.index__treeNodeIcon--XSZc0 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: var(--color-icon-reverse);
}
/** 部门图标（自带圆角背景的 SVG），通过 color 控制背景色 */
.index__treeNodeDeptIcon--s2PfF {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: var(--color-group-icon);
}
.index__treeNodeText--zxQVo {
  flex: 1;
  font-family: var(--font-family-base);
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: var(--color-text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index__userList--e77lS {
  display: flex;
  flex-direction: column;
  width: max-content;
  min-width: 100%;
  padding-left: 22px;
}
.index__userListLoading--t_Z5B {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0;
}
.index__userItem--jcLD9 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  min-width: 100%;
  padding: 10px;
  cursor: pointer;
  border-radius: 8px;
  box-sizing: border-box;
}
.index__userItem--jcLD9:hover {
  background: var(--color-fill-hover);
}
.index__userItemDisabled--II4Dr {
  cursor: not-allowed;
  opacity: 0.5;
}
.index__userItemDisabled--II4Dr:hover {
  background: transparent;
}
.index__userItemDisabled--II4Dr .index__userName--BI3Pt {
  color: var(--color-text-disabled);
}
.index__userAvatar--tDN7w {
  flex-shrink: 0;
  border-radius: var(--border-radius-xs);
  border: 1px solid var(--color-button-disabled-bg);
}
.index__userName--BI3Pt {
  flex: 1;
  min-width: 0;
  font-family: var(--font-family-base);
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: var(--color-text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index__selectedHeader--MXHlk {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px;
  padding-right: 20px;
  border-bottom: 1px solid var(--color-border-secondary);
}
.index__selectedTitle--ndX1l {
  flex: 1;
  margin: 0;
  font-family: var(--font-family-base);
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: var(--color-text-primary);
}
.index__clearButton--KHCBT {
  flex-shrink: 0;
  padding: 0;
  color: var(--color-text-danger);
  border: none;
  background: transparent;
  width: 24px !important;
  height: 24px !important;
}
.index__clearButton--KHCBT:hover {
  color: var(--color-text-danger);
  opacity: 0.8;
}
.index__clearButton--KHCBT .anticon {
  font-size: 16px;
}
.index__selectedList--C7kBA {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px;
}
.index__selectedItem--Qlamp {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  min-height: 44px;
  border-radius: 8px;
  background: var(--color-bg-primary);
}
.index__selectedItem--Qlamp:hover .index__removeButton--twM8S {
  opacity: 1;
}
.index__selectedItemInfo--y4zV1 {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.index__selectedAvatar--jQYd8 {
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--color-button-disabled-bg);
}
.index__selectedDeptIcon--V3rlP {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-group-icon);
}
.index__selectedItemText--gBDmS {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.index__selectedItemName--pm_Ro {
  margin: 0;
  font-family: var(--font-family-base);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index__selectedItemSubtitle--Zkeno {
  margin: 0;
  font-family: var(--font-family-base);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--color-text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index__removeButton--twM8S {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity var(--motion-duration-mid) var(--motion-ease-in-out);
  color: var(--color-text-secondary);
}
.index__removeButton--twM8S:hover {
  opacity: 1;
}
.index__footerButtons--Ly47p {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.index__cancelButton--_UpYB {
  height: 52px;
  min-width: 108px;
  padding: 14px;
  font-family: var(--font-family-wide);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--color-text-primary);
  background: var(--color-bg-secondary);
  border: none;
  border-radius: 16px;
}
.index__cancelButton--_UpYB:hover {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  opacity: 0.9;
}
.index__confirmButton--JOYY6 {
  height: 52px;
  min-width: 108px;
  padding: 14px;
  font-family: var(--font-family-wide);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--color-icon-reverse);
  background: var(--color-primary);
  border: none;
  border-radius: 16px;
}
.index__confirmButton--JOYY6:hover {
  background: var(--color-primary);
  color: var(--color-icon-reverse);
  opacity: 0.9;
}
.index__searchUserList--AbIdp {
  display: flex;
  flex-direction: column;
  padding: 4px 0;
}
.index__searchUserItem--Latf8 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 4px;
  cursor: pointer;
  border-radius: 8px;
  transition: background var(--motion-duration-fast) var(--motion-ease-in-out);
}
.index__searchUserItem--Latf8:hover {
  background: var(--color-fill-hover);
}
.index__searchUserInfo--wWin5 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.index__searchUserEmail--G_eGh {
  font-family: var(--font-family-base);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--color-text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*# sourceMappingURL=/data/src/components/member-tree-selector/index.css.map */
/**
 * 创建角色页面样式
 *
 * 布局结构：
 * - 顶部标题栏：标题 + 描述 + 关闭按钮
 * - 左侧垂直步骤条：316px 宽度
 * - 右侧内容区：flex-1 自适应
 * - 底部操作栏：固定在右侧内容区底部
 *
 * 设计规范：
 * - 主容器圆角：16px
 * - 头部 padding：24px 24px 16px 24px
 * - 步骤面板宽度：316px
 * - 表单输入框宽度：600px
 * - 底部按钮：200px × 52px
 */
.index__container--PxR9h {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: var(--color-bg-primary);
  border-radius: var(--border-radius-base);
  overflow: hidden;
}
/* ============ 头部区域 ============ */
.index__header--UdekA {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--spacing-lg) var(--spacing-lg) var(--spacing-base);
  border-bottom: 1px solid var(--color-border);
  border-radius: var(--border-radius-base) var(--border-radius-base) 0 0;
  background-color: var(--color-bg-primary);
}
.index__headerInfo--aJ_Dm {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.index__title--j0BId {
  margin: 0;
  font-family: var(--font-family-wide);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-lg);
  color: var(--color-text-primary);
}
.index__description--muBGv {
  margin: 0;
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-base);
  color: var(--color-text-primary);
}
.index__closeButton--tEXPF {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 4px;
  flex-shrink: 0;
  background-color: var(--color-control-tertiary-active);
  border-radius: 32px;
  border: none;
}
.index__closeButton--tEXPF:hover {
  background-color: var(--color-button-secondary-hover);
}
.index__closeButton--tEXPF:active {
  background-color: var(--color-button-secondary-active);
}
.index__closeButton--tEXPF .index__anticon--Ip652 {
  font-size: 16px;
  color: var(--color-icon-primary);
}
/* ============ 内容区域 ============ */
.index__content--nP5nW {
  display: flex;
  flex: 1;
  min-height: 0;
}
/* ============ 左侧步骤导航 ============ */
.index__stepsPanel--Wdl1j {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 316px;
  padding: var(--spacing-lg);
  border-right: 1px solid var(--color-border);
}
.index__steps--PJ_Wx {
  display: flex;
  flex-direction: column;
}
.index__stepItem--aSFNg {
  display: flex;
  gap: var(--spacing-sm);
}
.index__stepIndicator--TrO5E {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60px;
}
.index__stepNumber--XGBYj {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  font-family: var(--font-family-wide);
  font-size: 24px;
  font-weight: var(--font-weight-medium);
  line-height: 28px;
  border-radius: 100px;
  transition: all var(--motion-duration-mid) var(--motion-ease-in-out);
}
.index__stepNumberActive--n4C9z {
  background-color: var(--color-primary);
  color: var(--color-text-inverted);
}
.index__stepNumberInactive--S200G {
  background-color: var(--color-bg-secondary);
  color: var(--color-text-primary);
}
.index__stepNumberCompleted--CRd2V {
  background-color: var(--color-success);
  color: var(--color-text-inverted);
}
.index__stepDivider--Becq6 {
  width: 1px;
  height: 36px;
  margin: var(--spacing-sm) 0;
  background-color: var(--color-border);
}
.index__stepInfo--gKI7S {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  padding: 6px 0;
  overflow: hidden;
}
.index__stepTitle--HTySa {
  margin: 0;
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-base);
  color: var(--color-text-primary);
  white-space: pre-wrap;
  word-break: break-word;
}
.index__stepDescription--tmZBC {
  margin: 0;
  font-family: var(--font-family-base);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-sm);
  color: var(--color-text-secondary);
  white-space: pre-wrap;
  word-break: break-word;
}
/* ============ 右侧表单区域 ============ */
.index__formPanel--S0Bac {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.index__formContent--gqxU8 {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg);
  overflow-y: auto;
}
.index__formItem--_7BWQ {
  width: 600px;
  max-width: 100%;
}
/* 表单字段容器（包含输入框和计数器） */
.index__formField--P_sJK {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  margin-bottom: var(--spacing-lg);
}
.index__formField--P_sJK:last-child {
  margin-bottom: 0;
}
.index__label--QShUs {
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-base);
  color: var(--color-text-secondary);
}
.index__required--NKP1R {
  color: var(--color-primary);
}
/* 表单字段错误状态 */
.index__formFieldError--NlUmN .index__ant-input--ZtnjB {
  border-color: var(--color-error);
}
.index__formFieldError--NlUmN .index__ant-input--ZtnjB:hover,
.index__formFieldError--NlUmN .index__ant-input--ZtnjB:focus {
  border-color: var(--color-error);
}
/* 表单字段底部区域（错误信息 + 计数器） */
.index__fieldFooter--Xt4Mu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}
/* 字段错误信息 */
.index__fieldError--tppdm {
  font-family: var(--font-family-base);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-sm);
  color: var(--color-error);
}
/* 自定义计数器样式 */
.index__fieldCounter--LTcyM {
  font-family: var(--font-family-base);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-sm);
  color: var(--color-text-secondary);
}
/* 计数器错误状态 */
.index__fieldCounterError--GXzuB {
  color: var(--color-error);
}
.index__permissionsContent--J68qq {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: var(--spacing-lg);
  overflow-y: auto;
}
.index__membersContent--w7_vy {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  padding: 100px var(--spacing-lg) var(--spacing-lg);
  overflow-y: auto;
}
/* ============ 创建成功页面样式 ============ */
.index__successContainer--J7T_r {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* 成功插画容器 */
.index__successIllustration--PtEDZ {
  position: relative;
  width: 140px;
  height: 140px;
  margin-bottom: var(--spacing-base);
}
/* 插画图标 */
.index__illustrationIcon--V6ul0 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
/* 成功标题 */
.index__successTitle--vzGyg {
  font-family: var(--font-family-base);
  font-size: 18px;
  font-weight: var(--font-weight-medium);
  line-height: 24px;
  color: var(--color-text-primary);
  text-align: center;
}
/* 成功按钮组 */
.index__successButtons--bg2Sf {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 200px;
  margin-top: var(--spacing-lg);
}
/* 主按钮样式 */
.index__successButtonPrimary--E5hTa {
  width: 100%;
  height: 32px;
  padding: 6px 8px;
  font-family: var(--font-family-wide);
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  line-height: 12px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background-color: var(--color-control-secondary-active);
  border-color: var(--color-control-secondary-active);
  border-radius: 12px;
  color: var(--color-text-inverted);
}
.index__successButtonPrimary--E5hTa:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.index__successButtonPrimary--E5hTa:active {
  background-color: var(--color-primary-active);
  border-color: var(--color-primary-active);
}
/* 次按钮样式 */
.index__successButtonSecondary--WEG4c {
  width: 100%;
  height: 32px;
  padding: 6px 8px;
  font-family: var(--font-family-wide);
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  line-height: 12px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background-color: var(--color-control-tertiary-active);
  border-color: transparent;
  border-radius: 12px;
  color: var(--color-text-primary);
}
.index__successButtonSecondary--WEG4c:hover {
  background-color: var(--color-button-secondary-hover);
  border-color: transparent;
}
.index__successButtonSecondary--WEG4c:active {
  background-color: var(--color-button-secondary-active);
  border-color: transparent;
}
/* ============ 底部按钮区域 ============ */
.index__formFooter--SG3bc {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg);
  border-top: 1px solid var(--color-border);
}
.index__footerButton--p68Kq {
  min-width: 200px;
  /* 使用全局 button.less 的 Large 尺寸样式 */
}
/*# sourceMappingURL=/data/src/pages/admin/role/create/index.css.map */

/*# sourceMappingURL=285.d6b62d39.chunk.css.map*/