/* ============================================================
 * darra-ux-license.css — Darra 项目授权卡样式
 * 2026-08-12 · git.darra.xyz · GitLab CE 19.2
 * 配套 darra-ux-license.js (运行时注入 <link href="/darra-ux-license.css?v=1">)
 * 经 gitlab.rb location = /darra-ux-license.css 落地 (root /var/opt/gitlab/nginx/html)
 *
 * 设计基调 (继承 darra-ux-topics / darra-ux-modelcard):
 *   - Darra 蓝 #1E90FF 主色 (ETH 真天蓝铁律)
 *   - 颜色全走 GitLab CSS 变量 (--gl-*), 明暗主题自适应, 黑底正文白字铁律
 *   - 红色仅用于警告: 未声明授权徽标 / 未填字段 (不作文本主色)
 * ============================================================ */

.darra-license-card {
  margin: 14px 0 18px;
  border: 1px solid var(--gl-border-color-strong, #c7ccd1);
  border-radius: 10px;
  background: var(--gl-background-color-default, #fff);
  overflow: hidden;
}
.darra-license-card + .darra-license-card {
  margin-top: 10px;
}

/* ---- 头部 ---- */
.darra-license-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background: linear-gradient(90deg, #1e90ff14, #1e90ff05);
  border-bottom: 1px solid var(--gl-border-color, #dcdfe3);
}
.darra-license-badge {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 2px 10px;
  border-radius: 999px;
  background: #1e90ff;
  color: #fff;
  white-space: nowrap;
  flex-shrink: 0;
}
.darra-license-badge-gray { background: #5c6169; }
.darra-license-badge-warn { background: #d1242f; }
/* 开源卡徽标 = 绿色 (开源 ≠ 商业红蓝, 一眼区分) */
.darra-license-open .darra-license-badge { background: #2da44e; }
.darra-license-title {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--gl-text-color, #1f2329);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ---- 内容区 ---- */
.darra-license-body { padding: 12px 16px; }

/* 字段表 (商业授权) */
.darra-license-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}
.darra-license-row { border-bottom: 1px solid var(--gl-border-color-strong, #e6eaee); }
.darra-license-row:last-child { border-bottom: none; }
.darra-license-th {
  width: 88px;
  text-align: left;
  vertical-align: top;
  padding: 6px 12px 6px 0;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--gl-text-color-secondary, #5c6169);
  white-space: nowrap;
}
.darra-license-td {
  padding: 6px 0;
  font-size: 13px;
  color: var(--gl-text-color, #1f2329);
  word-break: break-word;
}
.darra-license-unfilled {
  color: #d1242f;
  font-style: italic;
  opacity: 0.85;
}

/* 描述 / 说明 / 免责 */
.darra-license-desc {
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--gl-text-color, #1f2329);
}
.darra-license-note {
  margin: 0 0 8px;
  font-size: 12px;
  line-height: 1.55;
  color: var(--gl-text-color-secondary, #5c6169);
}

/* 原文链接 */
.darra-license-link {
  display: inline-block;
  margin-top: 2px;
  font-size: 12.5px;
  font-weight: 600;
  color: #1e90ff;
  text-decoration: none;
}
.darra-license-link:hover { text-decoration: underline; }

/* 无法结构化解析时的全文兜底 */
.darra-license-raw {
  margin: 0 0 8px;
  padding: 10px 12px;
  max-height: 260px;
  overflow: auto;
  font-family: var(--gl-font-family-monospace, "JetBrains Mono", Menlo, Consolas, monospace);
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
  background: var(--gl-background-color-strong, #f5f7fa);
  border: 1px solid var(--gl-border-color, #dcdfe3);
  border-radius: 6px;
  color: var(--gl-text-color, #1f2329);
}

/* 窄屏 (<720px): 字段表标签上置, 卡片占满宽度 */
@media (max-width: 720px) {
  .darra-license-th { display: block; width: auto; padding-bottom: 0; }
  .darra-license-td { display: block; padding-top: 2px; }
  .darra-license-title { white-space: normal; }
}