/* Historical Realised Vol page — uses the app's own palette and components (styles.css). */
.rv-controls{flex-wrap:wrap}
.rv-controls input[type=date]{height:40px;min-width:150px;border:1px solid var(--line);background:white;border-radius:4px;padding:0 10px;color:var(--ink);font-size:14px}
.rv-range{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);font-weight:650}
.rv-range>div{display:flex;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:white;height:40px}
.rv-range button{border:0;border-right:1px solid var(--line);background:white;color:#526671;font-size:13px;font-weight:650;padding:0 11px;cursor:pointer}
.rv-range button:last-child{border-right:0}.rv-range button:hover{background:#edf7f5}.rv-range button.on{background:var(--navy);color:#fff}
.rv-metrics{grid-template-columns:repeat(8,minmax(0,1fr))}
.rv-metric .value{font-size:20px}.rv-sub{font-size:10.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rv-key,.rv-line{display:inline-block;width:15px;border-top:2.5px solid var(--key);vertical-align:middle;margin-right:6px}
.rv-line{margin-left:8px}.rv-line.dash{border-top:2px dashed #61aaa5}
.rv-band{display:inline-block;width:14px;height:10px;background:rgba(19,138,138,.22);vertical-align:middle;margin:0 5px 0 9px;border-radius:2px}
#rv-page .chart-panel{margin-bottom:14px}
#rv-ts{display:block;width:100%;height:330px;touch-action:pan-y;cursor:crosshair}
#rv-hist{display:block;width:100%;height:430px;touch-action:pan-y;cursor:crosshair}
#rv-nav{display:block;width:100%;height:58px;touch-action:none;cursor:ew-resize;margin-top:4px}
.rv-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 6px}
.rv-chip{border:1px solid var(--line);background:white;color:#526671;border-radius:15px;padding:5px 11px 5px 9px;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.rv-chip:before{content:"";width:12px;border-top:2.5px solid var(--key);opacity:.35}
.rv-chip.on{border-color:var(--key);color:var(--navy);background:#f7faf9}.rv-chip.on:before{opacity:1}
.rv-chip.ghost{border-style:dashed;padding:5px 10px}.rv-chip.ghost:before{display:none}
.rv-tools-right{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.rv-tools-right label{display:flex;align-items:center;gap:5px;cursor:pointer}
.rv-hint{font-size:11px;color:var(--muted);margin:6px 0 0}
.rv-method{margin-bottom:14px}.rv-method h2{margin-bottom:8px}.rv-method ul{margin:6px 0 0;padding-left:18px;font-size:12.5px;color:#3d535e;line-height:1.6}.rv-method code{font-size:12px;background:#f0f4f3;padding:1px 4px;border-radius:3px}
#rv-page .chart-side table td:first-child{white-space:nowrap}
@media(max-width:1200px){.rv-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.sidebar{overflow-x:auto;-webkit-overflow-scrolling:touch}.sidebar .nav-item{white-space:nowrap;flex:0 0 auto}}
@media(max-width:800px){.rv-tools-right{margin-left:0;width:100%}}
@media(max-width:520px){.sidebar{gap:2px;padding:7px 8px}.sidebar .nav-item{font-size:12.5px;padding:8px 9px}.rv-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#rv-hist{height:340px}#rv-ts{height:270px}.rv-range button{padding:0 9px;font-size:12px}.rv-controls label{flex:1 1 40%}.rv-controls input[type=date]{min-width:0;width:100%}.rv-controls select{min-width:0;width:100%}.rv-range{width:100%}.rv-range>div{width:100%}.rv-range button{flex:1}}

.rv-range-note{margin:-4px 0 12px;font-size:12px;line-height:1.45;color:var(--muted)}.rv-range-note b{color:var(--ink);font-weight:650}