/* DNA Lab Space — 多通路对比 · 领域规则校验状态徽标
 * 数据来自 pathway-design 结果的 rule_status / rule_fixes（pathway_rules.py v2）
 * 深色为默认主题；浅色走 body.light（全站 header-user.js 按时间/theme 参数切换）
 * 铁律：本文件为唯一样式载体，模板/JS 只放 class 引用，不放内联 style
 */

/* ── 底盘摘要条（对比总览）── */
.cmp-chassis-item{display:inline-flex;align-items:center;gap:8px}
.cmp-chassis-item .cmp-chassis-chip{display:inline-flex;align-items:center}

/* ── 规则校验状态徽标（通用）── */
.cmp-rule-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 12px;border-radius:20px;font-size:.72rem;font-weight:600;line-height:1.6;vertical-align:middle;white-space:nowrap;user-select:none}
.cmp-rule-badge:hover{opacity:.92}

/* 深色主题（默认） */
.cmp-rule-valid{background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.3);color:#2563eb}
.cmp-rule-corrected{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.35);color:#F59E0B;cursor:pointer}
.cmp-rule-corrected:hover{background:rgba(245,158,11,.18)}
.cmp-rule-uncovered{background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.25);color:#F59E0B}

/* ── 修正清单（corrected 可展开，默认收起）── */
/* flex-basis:100% 让清单在 flex 行（底盘摘要条/详情头部）内独占一行换行，不被徽标挤压 */
.cmp-rule-fixes{display:none;flex-basis:100%;min-width:240px;max-width:480px;margin:8px 0 0;padding:10px 12px;border-radius:8px;background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.2);font-size:.78rem;color:#D1D5DB;line-height:1.7}
.cmp-rule-fixes.open{display:block}
.cmp-rule-fix-item{padding:2px 0}
.cmp-rule-fix-item b{color:#F59E0B;font-weight:600}
.cmp-rule-fix-item .g{color:#F3F4F6;font-weight:600}
.cmp-rule-fixes-empty{color:#9CA3AF}

/* ── 浅色主题（body.light）── */
body.light .cmp-rule-valid{background:rgba(0,150,120,.08);border-color:rgba(0,150,120,.3);color:#0D9488}
body.light .cmp-rule-corrected{background:rgba(217,119,6,.08);border-color:rgba(217,119,6,.3);color:#B45309;cursor:pointer}
body.light .cmp-rule-corrected:hover{background:rgba(217,119,6,.16)}
body.light .cmp-rule-uncovered{background:rgba(217,119,6,.06);border-color:rgba(217,119,6,.25);color:#B45309}
body.light .cmp-rule-fixes{background:rgba(217,119,6,.05);border-color:rgba(217,119,6,.2);color:#4A3F35}
body.light .cmp-rule-fix-item b{color:#B45309}
body.light .cmp-rule-fix-item .g{color:#1F2937}
body.light .cmp-rule-fixes-empty{color:#8B7355}