.compatibility-panel{border:1px solid #2b3948;border-radius:7px;padding:10px;background:#0d141c}
.compatibility-panel strong,.compatibility-panel small{display:block}.compatibility-panel strong{font-size:.75rem}.compatibility-panel small{font-size:.65rem;color:#718196;margin-top:3px}
.compatibility-panel.ok{border-color:#2d624f;background:#0f211b}.compatibility-panel.ok strong{color:#67d49f}
.compatibility-panel.warn{border-color:#5c482d;background:#211a11}.compatibility-panel.warn strong{color:#e2aa61}
.compatibility-panel.error{border-color:#63363b;background:#251416}.compatibility-panel.error strong{color:#e37b83}
.model-resolution.unresolved{border-color:#374555}
.model-resolution.resolved{border-color:#2f6555;background:#0e211b}
.model-resolution.conflict{border-color:#6a373c;background:#261416}
.candidate-panel{margin-top:14px;border:1px solid #273543;border-radius:8px;background:#0c131b}
.candidate-head{display:flex;justify-content:space-between;align-items:end;padding:12px 14px;border-bottom:1px solid #24313d}
.candidate-head h3{margin:3px 0 0;font-size:.9rem}.candidate-head>span{font-family:var(--font-mono);font-size:.65rem;color:#6f8094}
.candidate-list{padding:10px}.candidate-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px;border:1px solid #22303d;border-radius:6px;margin-bottom:8px;background:#101821}
.candidate-item:last-child{margin-bottom:0}.candidate-item strong,.candidate-item small{display:block}.candidate-item strong{font-size:.76rem}.candidate-item small{font-size:.65rem;color:#718195;margin-top:3px}
.candidate-score{font-family:var(--font-mono);font-size:.68rem;color:#58d5df}.empty-state{margin:0;padding:14px;color:#6f7f91;font-size:.72rem;text-align:center}
.record-drawer{position:fixed;inset:0;z-index:200;display:grid;grid-template-columns:1fr minmax(420px,680px);background:rgba(0,0,0,.55)}
.record-drawer[hidden]{display:none}.drawer-scrim{min-width:0}.drawer-panel{background:#0c131b;border-left:1px solid #2a3948;overflow:auto;padding:20px}
.drawer-head{display:flex;justify-content:space-between;gap:20px;align-items:start;border-bottom:1px solid #263442;padding-bottom:14px}.drawer-head h2{margin:4px 0 0}.drawer-close{background:#111a24;border:1px solid #2d3b4a;color:#d8e0e8;border-radius:6px;padding:7px 10px;cursor:pointer}
.drawer-section{margin-top:16px;border:1px solid #263442;border-radius:8px;background:#111923}.drawer-section h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#718297;margin:0;padding:11px 13px;border-bottom:1px solid #263442}.drawer-body{padding:13px}.stage-list{display:grid;gap:8px}.stage-item{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:10px;border:1px solid #253340;border-radius:6px;background:#0c141c}.stage-index{display:grid;place-items:center;width:34px;height:34px;border:1px solid #315366;border-radius:6px;color:#59d4df;font-family:var(--font-mono);font-size:.65rem}.stage-item strong,.stage-item small{display:block}.stage-item small{font-size:.65rem;color:#738297;margin-top:3px}
.source-list{display:grid;gap:7px}.source-item{padding:9px;border:1px solid #24313e;border-radius:6px;background:#0c141c}.source-item a{font-size:.74rem}.source-item small{display:block;color:#6e7d90;margin-top:3px;font-size:.63rem}
.record-link{cursor:pointer;color:#61d1dc;text-decoration:underline dotted}
@media(max-width:820px){.record-drawer{grid-template-columns:1fr}.drawer-scrim{display:none}.drawer-panel{border-left:0}}