/* API key table: show the entire selected group name at every viewport. */
.api-keys-table .key-group-cell { width:clamp(280px,24vw,420px) !important; max-width:100% !important; }
.api-keys-table .key-group-cell .group-picker-trigger { height:auto !important; min-height:46px !important; }
.api-keys-table .key-group-cell .selected-group { display:flex !important; flex:1 !important; flex-wrap:wrap !important; min-width:0 !important; align-items:center !important; row-gap:4px !important; }
.api-keys-table .key-group-cell .selected-group strong { flex:1 1 160px !important; min-width:0 !important; overflow:visible !important; text-overflow:clip !important; white-space:normal !important; overflow-wrap:anywhere !important; line-height:1.5 !important; }
.api-keys-table .key-group-cell .platform-tag,
.api-keys-table .key-group-cell .selected-rate { flex:none !important; white-space:nowrap !important; }
@media(max-width:767px) {
  .api-keys-table .key-group-cell { width:100% !important; }
  .api-keys-table .key-group-cell .selected-group strong { flex-basis:120px !important; }
}

/* ===== keys group cell compact v2 2026-11-06 ===== */
/* API 密钥表格 · 分组单元格紧凑化 2026-11-06
   仅视觉：不改变可点击下拉、不改 DOM 结构、不影响业务数据 */

/* 列宽略放宽，避免名称被压成竖排 */
.api-keys-table .key-group-cell { width: clamp(320px, 27vw, 470px) !important; max-width: 100% !important; }

/* 触发器：更矮、更轻的容器 */
.api-keys-table .key-group-cell .group-picker-trigger {
  height: auto !important;
  min-height: 0 !important;
  padding: 6px 9px !important;
  border-radius: 9px !important;
  gap: 8px !important;
  border-color: #e4eef2 !important;
  background: #fbfdfe !important;
  box-shadow: none !important;
}
.api-keys-table .key-group-cell .group-picker-trigger:hover,
.api-keys-table .key-group-cell .group-picker-trigger[aria-expanded="true"] {
  border-color: #9ed5e2 !important;
  background: #f5fbfd !important;
}

/* 三列：厂商 auto / 名称 1fr / 倍率 auto */
.api-keys-table .key-group-cell .group-picker-trigger .selected-group {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 7px !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

/* 厂商徽章缩小，不再固定 108px */
.api-keys-table .key-group-cell .group-picker-trigger .platform-tag {
  display: inline-grid !important;
  grid-template-columns: 13px auto !important;
  align-items: center !important;
  column-gap: 4px !important;
  width: auto !important;
  max-width: 78px !important;
  min-height: 18px !important;
  padding: 1px 6px !important;
  border-radius: 5px !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  line-height: 15px !important;
  overflow: hidden !important;
}
.api-keys-table .key-group-cell .group-picker-trigger .platform-tag > svg {
  width: 13px !important;
  height: 13px !important;
  min-width: 13px !important;
  margin: 0 !important;
}
.api-keys-table .key-group-cell .group-picker-trigger .platform-tag > span {
  display: block !important;
  line-height: 15px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 名称：完整显示（不截断），自然换行，绝不逐字竖排 */
.api-keys-table .key-group-cell .group-picker-trigger .selected-group > strong {
  display: block !important;
  flex: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  line-break: strict !important;
  line-height: 1.4 !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
}

/* 倍率 */
.api-keys-table .key-group-cell .group-picker-trigger .selected-rate {
  font-size: 11px !important;
  white-space: nowrap !important;
  align-self: center !important;
  margin-top: 0 !important;
}

/* 收起下拉箭头，给名称腾宽度 */
.api-keys-table .key-group-cell .group-picker-trigger > svg {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px !important;
  opacity: .55 !important;
}

/* 深色模式 */
.dark .api-keys-table .key-group-cell .group-picker-trigger {
  border-color: rgba(71, 135, 159, .28) !important;
  background: rgba(8, 24, 34, .55) !important;
  box-shadow: none !important;
}
.dark .api-keys-table .key-group-cell .group-picker-trigger:hover,
.dark .api-keys-table .key-group-cell .group-picker-trigger[aria-expanded="true"] {
  border-color: #46bfd6 !important;
  background: rgba(12, 36, 48, .75) !important;
}

@media (max-width: 767px) {
  .api-keys-table .key-group-cell { width: 100% !important; }
}


/* 名称列：限制在合理宽度，超长自动换行（不截断），把富余宽度让给分组列 */
.api-keys-table thead th:nth-child(2),
.api-keys-table tbody td:nth-child(2) {
  width: 210px !important;
  max-width: 260px !important;
  white-space: normal !important;
}
.api-keys-table tbody td:nth-child(2) > div {
  align-items: flex-start !important;
  row-gap: 2px !important;
}
.api-keys-table tbody td:nth-child(2) > div > span {
  overflow-wrap: break-word !important;
  word-break: normal !important;
  line-height: 1.4 !important;
}
@media (max-width: 1279px) {
  .api-keys-table thead th:nth-child(2),
  .api-keys-table tbody td:nth-child(2) { width: 180px !important; }
}