.op-overview-filters{display:grid;gap:12px;padding:18px;background:#fff;border:1px solid #dbe3f0;border-radius:18px;margin-bottom:18px}
.op-overview-filters{height:auto;grid-template-rows:none;align-content:start}.op-single-point{fill:var(--series-color);stroke:#fff;stroke-width:1.5}
.op-filter-primary{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.4fr auto;gap:12px;align-items:end}.op-filter-advanced{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.op-overview-filters label{display:grid;gap:6px;min-width:0}.op-overview-filters :is(input,select){width:100%;min-width:0;min-height:44px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:10px;font:inherit}
.op-product-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}.op-product-choice{display:grid;gap:8px;text-align:left;background:#f6f8ff;border:2px solid transparent;border-radius:14px;padding:16px;min-width:0;cursor:pointer;font:inherit}
.op-product-choice:hover,.op-product-choice.selected{border-color:var(--series-color);background:#fff}.op-product-choice:focus-visible{outline:3px solid #274fbf;outline-offset:3px}.op-product-choice b{font-size:1.3rem}.op-product-choice small{color:#53627c}.op-choice-name{display:flex;gap:10px;align-items:start}.op-choice-name strong{overflow-wrap:anywhere}.op-choice-name svg{width:36px;height:14px;flex:none;margin-top:5px}
.op-group-summary{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.op-group-summary button{display:grid;gap:5px;text-align:left}
.op-unit-chart{min-width:0}.op-chart-legend{display:flex;flex-wrap:wrap;gap:12px 22px;list-style:none;margin:0 0 12px;padding:0}.op-chart-legend li{display:flex;gap:8px;align-items:center;max-width:100%;overflow-wrap:anywhere}.op-chart-legend svg{width:34px;height:12px;flex:none}.op-series{fill:none;stroke:var(--series-color,#4464b4);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.op-pattern-1{stroke-dasharray:10 5}.op-pattern-2{stroke-dasharray:2 5}
.op-multi-host{width:100%;min-width:0;overflow:hidden}.op-multi-svg{width:100%;height:auto;display:block}.multi-point-target{cursor:crosshair;outline:none}.op-cursor{stroke:#334c81;stroke-width:1;stroke-dasharray:4 4;opacity:0}.multi-point-target.is-active .op-cursor,.multi-point-target:focus .op-cursor{opacity:.8}.multi-point-target:focus .trend-hit{stroke:#274fbf;stroke-width:1}.op-chart-readout{min-height:3em;color:#334155;line-height:1.6;overflow-wrap:anywhere;margin:10px 0}
.op-rank-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}.op-rank-block{min-width:0}.op-rank-block h3{font-size:1rem;margin:0 0 10px}
@media(max-width:1000px){.op-filter-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.op-filter-advanced{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.op-filter-primary,.op-filter-advanced{grid-template-columns:1fr}.op-overview-filters{padding:14px}.op-chart-legend{font-size:.85rem}.op-chart-readout{font-size:.85rem}.op-rank-grid{grid-template-columns:1fr}}