.comparison-dashboard .panel-head h2{font-size:16px}.compare-chart-controls,.compare-trend-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.compare-chart-controls label,.compare-trend-head label{font-size:12px;color:#60728a}.compare-chart-controls select,.compare-trend-head select{padding:5px 8px;border:1px solid #dce4ef;border-radius:5px;background:white;font:inherit}.compare-source,.compare-notice{font-size:11px;padding:7px 9px;background:#f3f7fe;color:#637a98;margin:8px 0;line-height:1.6}.compare-notice{background:#fff8e7;color:#946116}.compare-top-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:20px}.comparison-dashboard h3{font-size:13px;margin:7px 0 12px}.comparison-dashboard h3 small{font-size:11px;font-weight:400;color:#7e8da3;margin-left:8px}.compare-bar-row{display:grid;grid-template-columns:100px minmax(50px,1fr) 160px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f7}.compare-bar-label{font-size:12px;min-width:0}.compare-bar-label strong{overflow-wrap:anywhere}.compare-dot,.compare-share i,.compare-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;flex-shrink:0}.compare-bar-label small{display:block;color:#8491a4;font-size:11px;margin:3px 0 0 14px}.compare-bar-track{height:15px;background:#f1f5fa;border-radius:3px;overflow:hidden}.compare-bar-track>span{display:block;height:100%;border-radius:3px}.compare-bar-value{font-size:12px;min-width:0}.compare-bar-value small{display:block;font-size:11px;line-height:1.5;margin-top:3px;color:#6c7d93}.compare-composition{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding:8px 0}.compare-donut{width:116px;height:116px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.compare-donut>span{width:78px;height:78px;border-radius:50%;background:white;display:grid;align-content:center;text-align:center;font-size:11px;color:#75849a;gap:4px}.compare-donut b{font-size:17px;color:#21354c}.compare-share{display:flex;align-items:center;gap:4px;margin:9px 0;font-size:11px}.compare-share b{margin-left:auto;padding-left:10px}.comparison-dashboard small{color:#788ba1}.compare-no-share{padding:10px;background:#f7f9fd;border-radius:6px;font-size:12px;line-height:1.7}.compare-no-share p{margin:8px 0}.compare-trend-head{margin-top:14px;border-top:1px solid #edf1f7;padding-top:9px}.compare-overlay{width:100%;height:200px;display:block}.compare-overlay text{fill:#7588a0;font-size:11px}.compare-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin:4px 0 8px}.compare-chart-actions{display:flex;gap:16px;margin-top:12px;flex-wrap:wrap}.compare-data-details>summary{padding:12px 14px;cursor:pointer;font-size:13px;font-weight:600}.compare-data-details>.panel{border:0;border-top:1px solid #e7edf5;border-radius:0}.compare-data-details{scroll-margin-top:60px}.dense-workspace .comparison-dashboard .panel-body{padding:10px 13px}.dense-workspace .compare-data-details .density-comparison-trends{grid-template-columns:1fr}.compare-data-details .comparison-trend>h3{font-size:13px}.compare-data-details .comparison-trend>.chart{display:none}
@media(max-width:1150px){.compare-top-grid{grid-template-columns:minmax(0,1.5fr) minmax(210px,1fr);gap:12px}.compare-bar-row{grid-template-columns:80px minmax(40px,1fr) 140px;gap:6px}}
@media(max-width:760px){.compare-top-grid{grid-template-columns:1fr}.compare-bar-row{grid-template-columns:70px minmax(30px,1fr) 125px;font-size:11px}.compare-chart-controls{align-items:flex-start}.compare-overlay{height:180px}.compare-share-panel{border-top:1px solid #edf1f7;padding-top:6px}}
.compare-setup>summary{padding:10px 13px;cursor:pointer;font-size:12px;color:#456485}.compare-setup>.panel{margin:0;border:0;border-top:1px solid #e7edf5;border-radius:0}.compare-setup[open]{margin-bottom:10px}