/**
 * 服务概览页面样式
 */
.index__container--Oa8G9 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 16px;
}
.index__loadingState--Fp7nt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 400px;
}
.index__errorState--wfwx5 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 400px;
}
/* 通用卡片样式 */
.index__card--LcCCL {
  background-color: var(--color-bg-primary);
  border-radius: 16px;
  padding: 16px;
  border: 1px solid var(--color-border);
}
.index__cardTitle--sshPT {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text-primary);
}
.index__cardTitleIcon--VEUjq {
  font-size: 18px;
  color: var(--color-primary);
}
/* 统计数据区域 */
.index__statsRow--idgMt {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.index__statItem--BYSs7 {
  flex: 1;
  min-width: 200px;
}
.index__statLabel--H1wcH {
  font-size: 14px;
  color: var(--color-text-secondary);
  margin-bottom: 8px;
}
.index__statValue--zcrM0 {
  font-size: 24px;
  font-weight: 500;
  color: var(--color-text-primary);
}
.index__statSuffix--mAc7P {
  font-size: 14px;
  color: var(--color-text-secondary);
  margin-left: 4px;
}
/* 使用率进度条 */
.index__usageProgress--PVqyY {
  margin-top: 16px;
}
.index__usageLabel--odEpU {
  font-size: 14px;
  color: var(--color-text-secondary);
  margin-bottom: 8px;
}
/* 表格容器 */
.index__tableContainer--oVrwf {
  padding: 16px;
  margin-left: -16px;
  background: var(--color-bg-primary);
  border-top: 1px solid var(--color-border);
}
.index__tableContainer--oVrwf .index__tableTitle--md1wv {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: var(--color-text-primary);
}
/* 使用率单元格 */
.index__usageCell--LQi1L {
  display: flex;
  align-items: center;
  gap: 8px;
}
.index__usageProgressBar--CV6dt {
  width: 100px;
}
.index__usageText--Jhgev {
  font-size: 14px;
  color: var(--color-text-primary);
}
/* 应用席位使用情况表格样式 */
.index__appUsageCell--uL2TB {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.index__appUsageProgressWrapper--gwYId {
  width: 216px;
  flex-shrink: 0;
}
.index__appUsageProgress--AdYtl .ant-progress-bg {
  height: 6px !important;
  border-radius: 3px !important;
  background-color: var(--color-success);
}
.index__appUsageProgress--AdYtl .ant-progress-inner {
  height: 6px !important;
  border-radius: 3px !important;
  background-color: var(--color-border);
}
.index__appUsageProgress--AdYtl .ant-progress-outer {
  line-height: 6px;
}
.index__appUsageText--Env7J {
  font-family: 'MTS Compact';
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-text-primary);
  white-space: nowrap;
  flex-shrink: 0;
}
/* 描述列表样式 */
.index__descriptions--bRdDg {
  margin-top: 16px;
}
/* 订阅信息栏 */
.index__subscriptionInfoBar--yY5S6 {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-primary);
  border-radius: 0;
  margin-top: 0;
  gap: 16px;
  /* 订阅状态 Tag 样式 */
}
.index__subscriptionInfoBar--yY5S6 .ant-tag {
  border-radius: 8px;
  padding: 2px 6px;
  font-family: 'MTS Compact', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  border: none;
  color: var(--color-constant-white);
  margin: 0;
}
.index__infoRow--fGAri {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.index__infoGroup--iiiJT {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  min-width: 0;
  /* 防止内容溢出 */
}
.index__statusTag--PxTkr {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 8px !important;
  padding: 2px 6px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  border: none !important;
  color: var(--color-constant-white) !important;
  margin: 0 !important;
  width: fit-content !important;
  max-width: fit-content !important;
}
/* 订阅状态颜色 - 有效期 (蓝色) */
.index__statusActive--R51U9 {
  background-color: var(--color-link) !important;
}
/* 订阅状态颜色 - 过期 (灰色) */
.index__statusExpired--eplUR {
  background-color: var(--color-text-secondary) !important;
}
/* 订阅状态颜色 - 异常 (红色) */
.index__statusAbnormal--iU6ig {
  background-color: var(--color-error) !important;
}
.index__infoLabel--Q3VOK {
  font-family: 'MTS Compact', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index__infoValue--A9O1i {
  font-family: 'MTS Compact', sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  color: var(--color-text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index__expiredText--U00eh {
  color: var(--color-text-danger) !important;
}
.index__infoGroupButton--ApY14 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.index__renewalButton--D3Mdv {
  width: auto;
  height: 44px;
  background: var(--color-bg-inverted);
  border-radius: 16px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--color-text-inverted);
  border: none;
  padding: 14px 18px;
}
.index__renewalButton--D3Mdv:hover {
  background: var(--color-text-default);
}
/* 使用指标卡片 */
.index__metricsRow--d_R23 {
  margin-bottom: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.index__metricsRow--d_R23 .ant-col {
  padding-left: 0 !important;
  padding-right: 24px !important;
}
.index__metricsRow--d_R23 .ant-col:last-child {
  padding-right: 0 !important;
}
.index__metricCard--sdCTk {
  display: flex;
  flex-direction: column;
  height: 88px;
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: 16px;
  box-shadow: none !important;
  transition: none;
  padding: 12px;
  box-sizing: border-box;
}
.index__metricCard--sdCTk:hover {
  border-color: var(--color-border);
  box-shadow: none !important;
  transform: none !important;
}
.index__metricCard--sdCTk .ant-card-body {
  padding: 0;
  display: flex;
  flex-direction: column;
}
.index__metricCardClickable--HDZbm {
  cursor: pointer;
}
.index__metricCardClickable--HDZbm:hover {
  transform: none !important;
  box-shadow: none !important;
}
.index__metricCardClickable--HDZbm:hover .index__metricTitle--kYL7B {
  color: var(--color-link-hover);
}
.index__metricCardClickable--HDZbm:hover .index__metricArrowIcon--aMEU9 {
  color: var(--color-link-hover);
}
.index__metricHeader--RFmkS {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index__metricTitle--kYL7B {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--color-text-primary);
  transition: color 0.2s ease;
}
.index__metricArrowIcon--aMEU9 {
  font-size: 12px;
  color: var(--color-text-primary);
  margin-top: 5px;
  transition: color 0.2s ease;
}
.index__metricInfoIcon--vva4e {
  transition: color 0.2s ease;
  cursor: pointer;
  margin-top: 5px;
  flex-shrink: 0;
}
.index__metricBadge--i4QNM {
  height: 16px;
  padding: 1px 4px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin: 0;
  border: none;
}
.index__metricContent--rvbAl {
  display: flex;
  flex-direction: column;
}
.index__metricProgress--llopP .ant-progress-bg {
  height: 8px !important;
  border-radius: 2px;
}
.index__metricProgress--llopP .ant-progress-inner {
  height: 8px;
  border-radius: 2px;
  background: var(--color-bg-secondary);
}
.index__metricValues--so_mB {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.index__metricValue--sGEEl {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--color-text-secondary);
}
.index__settingIcon--hMgvM {
  cursor: pointer;
  color: var(--color-text-secondary);
  transition: color 0.2s ease;
}
.index__settingIcon--hMgvM:hover {
  color: var(--color-link-hover);
}
.index__settingIconWrapper--KgVLO {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
/*# sourceMappingURL=/data/src/pages/admin/subscription/services/index.css.map */

/*# sourceMappingURL=615.81aaed5d.chunk.css.map*/