/* Options Risk Profile tool */
.ochart{min-height:300px;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.ochart.dragging{cursor:grabbing}.ochart.dragging .tip{opacity:0!important}
.ochart .up{fill:color-mix(in srgb,var(--pos) 16%,transparent)}
.ochart .dn{fill:color-mix(in srgb,var(--neg) 14%,transparent)}
.ochart .exp{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linejoin:round}
.ochart .now{fill:none;stroke:var(--ink2);stroke-width:1.8;stroke-dasharray:6 5}
.ochart .k{stroke:var(--mut);stroke-width:1;stroke-dasharray:1 4}
.ochart .kt{fill:var(--mut);font-size:10.5px}
.ochart .spot{stroke:var(--ink);stroke-width:1;opacity:.55}
.ochart .spt{fill:var(--ink);font-size:11.5px;font-weight:600}
.ochart .be{fill:var(--panel);stroke:var(--ink);stroke-width:2}
.ochart .xh{stroke:var(--ink2);stroke-width:1;stroke-dasharray:3 3}
.ochart .dot{fill:var(--ink)}.ochart .dot2{fill:var(--ink2)}
.legend .lg-exp{height:3px;border-radius:0;background:var(--ink)}
.legend .lg-now{height:0;border-top:2px dashed var(--ink2);border-radius:0}
.legend .lg-be{width:10px;height:10px;border-radius:50%;border:2px solid var(--ink);background:var(--panel)}
.ozoom{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:4px 0 8px;flex-wrap:wrap}
.ozoom .note{margin-inline-end:auto}
.ozoom .rbtn{min-width:38px;padding:0 10px}
.oslide{display:flex;flex-direction:column;gap:6px;margin:14px 0 8px;font-size:13px;color:var(--ink2)}
.oslide b{color:var(--ink);font-weight:600}
.oslide input{width:100%;accent-color:var(--accent)}
.legs{max-height:none}
.legs table{min-width:640px}
.legs td{padding:6px 8px}
.legs input,.legs select{height:36px;width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);font:inherit;font-size:14px;padding:0 8px}
.legs input{text-align:end}
.legs td.qty{width:80px}.legs td.k,.legs td.pr{width:110px}.legs td.dd{width:84px}.legs td.side,.legs td.typ{width:100px}
.legs .x{width:34px;height:34px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink2);cursor:pointer;font-size:18px;line-height:1}
.legs .x:hover{color:var(--neg);border-color:var(--neg)}
.legs .est{display:block;font-size:11px;color:var(--mut);text-align:end;margin-top:2px}
.legs input.man{border-color:var(--ink2)}
.greeks{margin:14px 0 0}
.chartc .hd .rbtn{height:34px}
@media (max-width:640px){.ochart{min-height:240px}}