/* 密钥与接口凭证页 */
.sec-scopes { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.sec-scope {
  display: inline-flex; align-items: center; gap: 6px; border: none; cursor: pointer;
  padding: 6px 12px; border-radius: 999px; background: var(--fill); color: var(--text-2);
  font: inherit; font-size: 13px; transition: background var(--dur-fast) var(--ease-ios);
}
.sec-scope:hover { background: var(--fill-hover); }
.sec-scope.active { background: var(--btn-primary-bg); color: var(--btn-primary-text); }
.sec-count { font-size: 11px; opacity: .7; font-family: var(--mono); }
.sec-admin { font-size: 10px; padding: 0 5px; border-radius: 4px; background: var(--accent-soft); color: var(--accent); }
.sec-scope.active .sec-admin { background: rgba(255, 255, 255, .2); color: inherit; }
.sec-group { margin-top: 18px; }
.sec-group:first-of-type { margin-top: 4px; }
.sec-group-title { font-weight: 600; margin-bottom: 6px; }
.sec-table-wrap { overflow-x: auto; }
.sec-table td { vertical-align: middle; }
.sec-name { font-family: var(--mono); font-size: 13px; }
.sec-masked { font-family: var(--mono); letter-spacing: 1px; color: var(--text-2); }
.sec-plain {
  font-family: var(--mono); font-size: 12px; word-break: break-all; white-space: pre-wrap;
  background: var(--fill); padding: 2px 6px; border-radius: 6px; display: inline-block; max-width: 420px;
}
.sec-note { max-width: 280px; color: var(--text-2); }
.sec-ops { white-space: nowrap; }
.sec-input { font-family: var(--mono); }
.sec-denied td { color: var(--danger); }

@media (max-width: 768px) {
  html:root .card .table.sec-table { min-width: 0; }
  .sec-table thead { display: none; }
  .sec-table tr { display: block; padding: 10px 0; border-bottom: 1px solid var(--sep); }
  .sec-table td { display: block; border: none; padding: 2px 0; }
  .sec-plain { max-width: 100%; }
}