.turnover-panel{padding:20px;overflow:hidden}.turnover-controls{display:flex;gap:12px;align-items:end;margin:12px 0;flex-wrap:wrap}.turnover-controls label{max-width:210px}.turnover-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.turnover-summary>div{background:#f3f5f8;border:1px solid #e2e8ef;border-radius:10px;padding:14px}.turnover-summary span{font-size:12px;color:#56667a;display:block}.turnover-summary strong{display:block;color:#152f50;font-size:23px;margin-top:8px}.turnover-legend{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;margin:20px 0 8px}.turnover-legend span:before{content:'';display:inline-block;width:24px;border-top:3px solid #173b68;margin:0 7px 3px 0}.turnover-legend .turnover-paid:before{border-color:#167f83}.turnover-plot{overflow:auto}.turnover-plot svg{width:100%;min-width:650px;display:block}.turnover-grid{stroke:#e0e6ed;stroke-width:1}.turnover-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.turnover-issued-line{stroke:#173b68}.turnover-paid-line{stroke:#167f83}.turnover-issued-dot{fill:#173b68;stroke:white;stroke-width:2}.turnover-paid-dot{fill:#167f83;stroke:white;stroke-width:2}.turnover-plot g{cursor:pointer;outline:none}.turnover-plot g:focus rect{fill:#bd96591c;stroke:#bd9659;stroke-width:1}.turnover-plot text{font-size:11px;fill:#4c6077}.turnover-range{display:flex;justify-content:space-between;font-size:11px;color:#64748b;margin:0 5px 12px}.turnover-selection{padding:12px;border-left:3px solid #bd9659;background:#fbf9f4;color:#253c57;font-size:13px;line-height:1.7;border-radius:0 8px 8px 0}.turnover-panel .metric-note{line-height:1.5;margin-top:14px}
@media(max-width:760px){.turnover-panel{padding:14px}.turnover-summary{grid-template-columns:1fr;gap:7px}.turnover-summary>div{display:flex;justify-content:space-between;align-items:center;padding:10px;gap:12px}.turnover-summary strong{font-size:18px;white-space:nowrap;margin:0}.turnover-summary span{font-size:11px}.turnover-legend{gap:10px}.turnover-selection{font-size:12px}.turnover-plot{margin:0 -4px}.turnover-controls input{min-height:44px}}