/* 2026-07-19：授权管理表格布局修复，保证窄桌面和平板宽度下按钮与状态可读。 */
.workspace-wide .workspace {
  grid-column: 3 / 5;
}

.workspace-wide .detail-panel {
  display: none;
}

.license-table {
  min-width: 690px;
  table-layout: fixed;
}

.license-table .license-col-customer { width: 136px; }
.license-table .license-col-key { width: 140px; }
.license-table .license-col-status { width: 112px; }
.license-table .license-col-expiry { width: 110px; }
.license-table .license-col-device { width: 58px; }
.license-table .license-col-actions { width: 134px; }

.license-table th,
.license-table td {
  vertical-align: middle;
}

.license-table .token-result {
  display: block;
  width: 132px;
  max-width: 100%;
  padding: 8px 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.license-table .delivery-label {
  display: inline-block;
  margin-top: 3px;
  white-space: nowrap;
}

/* 2026-07-19：名称编辑入口贴近客户名称，避免与密钥操作混在一起。 */
.text-action {
  display: inline-block;
  margin-top: 5px;
  padding: 0;
  border: 0;
  color: #208456;
  background: transparent;
  font-size: 9px;
  font-weight: 700;
}

.text-action:hover { text-decoration: underline; }

.expiry-table th:first-child,
.expiry-table td:first-child { width: 24%; }

.license-actions {
  width: 116px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.license-actions button {
  width: 100%;
  min-width: 0;
  padding: 0 7px;
  white-space: nowrap;
  word-break: keep-all;
  flex: none;
}

@media (max-width: 760px) {
  .workspace-wide .workspace { grid-column: auto; }
  .license-table { min-width: 690px; }
  .license-actions { width: 116px; }
  .view-card .table-wrap .expiry-table {
    min-width: 0;
    table-layout: fixed;
  }
  .expiry-table th,
  .expiry-table td { padding: 0 8px; }
  .expiry-table th:first-child,
  .expiry-table td:first-child { width: 31%; }
  .expiry-table th:nth-child(2),
  .expiry-table td:nth-child(2) { width: 31%; }
  .expiry-table th:nth-child(3),
  .expiry-table td:nth-child(3) { width: 18%; }
  .expiry-table th:nth-child(4),
  .expiry-table td:nth-child(4) { width: 20%; }
}