.compatibility-bar{margin:0 0 18px;padding:12px 16px;border:1px solid var(--line,#3c4242);border-radius:10px;background:var(--panel,#202728);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.compatibility-bar button{font-weight:700}.compatibility-bar small{color:var(--muted,#aab4b5);overflow-wrap:anywhere}
.compatibility-bar [data-status=mismatch]{color:#ffb1a6}
.compat-panel{max-width:100%;overflow-wrap:anywhere}.compat-panel h2{margin-bottom:12px}.compat-card{border-top:1px solid #435052;padding:18px 0}.compat-card h3{margin:0 0 14px}
.compat-badge{display:inline-block;border:1px solid currentColor;border-radius:6px;padding:2px 8px;font-size:12px;margin:0 8px 5px 0;vertical-align:middle}
.compat-badge.status-match{color:#a1d6bb}.compat-badge.status-mismatch{color:#ffb1a6}.compat-badge.status-unknown{color:#c2ccd2}.compat-badge.status-limited{color:#e4c78d}
.compat-card small{display:block;color:var(--muted,#aab4b5)}.compat-card p{line-height:1.65}.compat-assets{list-style:none;padding:0}.compat-assets li{display:flex;align-items:baseline;gap:8px;padding:12px 0;border-bottom:1px solid #344144}.compat-assets li>div{min-width:0;flex:1}.compat-assets p{margin:4px 0;font-size:13px}.compat-save-version{margin-top:18px;border-left:3px solid #7d909a;padding-left:14px}
.compat-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.compat-totals p{background:#202b2d;border-radius:8px;padding:12px}.compat-totals b{display:block;font-size:24px;color:#e5d1a4}.compat-issue{border:1px solid #425151;border-radius:8px;padding:14px;margin:12px 0}.compat-issue h4{margin:6px 0}.compat-issue button{margin-top:10px}.support-sections details{padding:12px 0;border-bottom:1px solid #394648}.support-sections summary{cursor:pointer;font-weight:650}.support-sections p{margin:10px 0}
.compat-panel .inline-actions{flex-wrap:wrap}.compat-panel .inline-actions button{flex-shrink:0;white-space:nowrap}.compat-panel .inline-actions select{width:auto;min-width:min(210px,100%);max-width:100%;flex:1}
@media(max-width:600px){.compat-totals{grid-template-columns:1fr}.compat-totals p{margin:3px 0}.compat-totals b{display:inline;margin-right:10px}.compat-assets li{display:block}.compatibility-bar{align-items:flex-start;flex-direction:column}.compat-panel .inline-actions{flex-wrap:wrap}}