/* Chart-first workspace matching the user's rainfall / depth reference. */
.ob-workspace{min-width:0;color:#30343b;--ob-green:#00d991;--ob-red:#ff4058;--ob-gold:#ff9e43;font-family:inherit}
.atx-ob-active .atx{padding:10px 18px 20px}.atx-ob-active .atx-hero{display:none}.atx-ob-active .atx-tabs{margin:0 0 10px}
.atx-tabs{max-width:100%;overflow-x:auto}.atx-tabs .atx-tab{flex-shrink:0;white-space:nowrap}
#tab-orderbook{animation:none}.ob-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.ob-selector{display:flex;gap:0;min-width:0}.ob-toolbar label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ob-toolbar input,.ob-toolbar select{height:33px;border:1px solid #e2e5eb;border-radius:5px;background:#fff;padding:0 10px;color:#343943;font-size:12px;font-family:inherit;min-width:0;outline-offset:3px}
.ob-selector input{width:110px;border-radius:5px 0 0 5px;border-right:0}.ob-selector select{width:147px;border-radius:0 5px 5px 0;font-weight:650}
.ob-control select{min-width:87px}.ob-toolbar-end{margin-left:auto;display:flex;align-items:center;gap:7px}.ob-source{font-size:10px;color:#7c8796;display:flex;align-items:center;gap:6px;margin-right:8px}.ob-source i{width:5px;height:5px;border-radius:50%;background:#13bd83}
.ob-toolbar .tool,.ob-zoom .tool{border:1px solid #e2e5eb;border-radius:5px;color:#647080;background:#fff;font-size:11px;padding:6px 10px;min-height:30px;cursor:pointer;box-shadow:none}
.ob-modes{display:flex;gap:20px;margin:0 0 12px;overflow-x:auto;border-bottom:1px solid #e7ebf0}
.ob-modes button{white-space:nowrap;position:relative;border:0;border-bottom:2px solid transparent;padding:6px 2px 10px;background:none;color:#7a8491;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer}
.ob-modes button[aria-selected=true]{color:#252d3b;border-bottom-color:#2876ed}.ob-modes small{font-size:10px;color:#8c96a4;margin-left:4px}
.ob-chart-card{background:#fff;border:1px solid #e7eaf0;border-radius:7px;padding:18px 18px 0;min-width:0;overflow:hidden}
.ob-chart-head{display:flex;align-items:center;gap:20px;min-height:26px}.ob-chart-head h2{font-size:18px;letter-spacing:-.3px;font-weight:650;line-height:1.4;margin:0;flex:1;min-width:0;color:#30343b}
.ob-camera{width:30px;height:30px;display:grid;place-items:center;border:0;background:none;border-radius:5px;color:#303943;cursor:pointer;flex-shrink:0}.ob-camera svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.ob-legend{display:flex;justify-content:center;align-items:center;gap:16px;font-size:11px;white-space:nowrap;margin-right:auto}
.ob-legend span{display:flex;align-items:center;gap:6px}.ob-legend i{display:inline-block;width:24px;height:3px;position:relative;border-radius:2px}
.ob-legend span:first-child i:after{content:'';position:absolute;left:8px;top:-5px;width:11px;height:11px;border:2px solid #f7b000;border-radius:50%;background:white}
.ob-chart-sub{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 8px}.ob-chart-sub p{font-size:10px;color:#8a929e;margin:0;line-height:1.5}.ob-coverage{font-size:10px;white-space:nowrap;color:#8b795c}
.ob-stats{display:flex;align-items:center;gap:26px;min-height:39px;margin:0 0 12px;overflow-x:auto;white-space:nowrap;border-bottom:1px solid #f0f2f5;padding-bottom:10px}
.ob-stat{display:flex;align-items:baseline;gap:7px;flex-shrink:0}.ob-stat>span{font-size:10px;color:#8a919d}.ob-stat strong{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.ob-stat small{display:none}
.ob-up{color:#00ba82!important}.ob-down{color:#fb4055!important}.ob-warn{color:#a77b35!important}
.ob-plot{position:relative;height:calc(100dvh - 342px);min-height:360px;max-height:780px;min-width:0;touch-action:pan-y;outline-offset:3px;cursor:crosshair}
#ob-chart{display:block}#ob-crosshair{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}.ob-plot.ob-dragging{cursor:grabbing}
.ob-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#ffffffed;color:#798492;padding:25px;font-size:13px;line-height:1.8;pointer-events:none}.ob-empty[hidden]{display:none}
.ob-tooltip{position:absolute;left:0;top:0;z-index:12;width:326px;max-width:calc(100% - 12px);padding:18px 20px;background:rgba(255,255,255,.84);border:1px solid rgba(235,238,243,.55);border-radius:13px;box-shadow:0 4px 22px #45557008;pointer-events:none;font-size:12px;backdrop-filter:blur(3px)}
.ob-tooltip[hidden]{display:none}.ob-tooltip>div{color:#8a9099;font-size:10px;margin-bottom:14px}.ob-tooltip table{width:100%;border-collapse:collapse;table-layout:fixed}.ob-tooltip th{font-weight:500;text-align:right;font-size:12px;padding-bottom:9px}.ob-tooltip th:first-child,.ob-tooltip td:first-child{text-align:left;width:60px;color:#7d8898}.ob-tooltip td{padding:7px 0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ob-tooltip small{font-size:9px}.ob-tooltip .ob-tooltip-note{font-size:9px;color:#9b8b76;margin:7px 0 0;line-height:1.5}
.ob-navigator{position:relative;height:40px;margin:8px 53px 0 55px;background:#f8faff;touch-action:none;cursor:grab;border-radius:2px}
#ob-overview{position:absolute;width:100%;height:100%;pointer-events:none}.ob-selection{position:absolute;top:0;bottom:0;border:1px solid #aabdda;background:#7698e51a;pointer-events:none}
.ob-navigator input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;appearance:none;background:transparent;pointer-events:none;cursor:ew-resize;outline-offset:4px}
.ob-navigator input[type=range]::-webkit-slider-runnable-track{background:transparent;height:100%}
.ob-navigator input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:30px;margin-top:5px;border-radius:3px;background:#a9b8cd;border:2px solid #f4f7fb;pointer-events:auto;box-shadow:0 0 0 1px #9eafc7}
.ob-navigator input[type=range]::-moz-range-track{background:transparent}.ob-navigator input[type=range]::-moz-range-thumb{width:7px;height:27px;background:#a9b8cd;border:2px solid #f4f7fb;border-radius:3px;pointer-events:auto}
.ob-navigation{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:9px 0}.ob-navigation>span{font-size:10px;color:#8a94a2}.ob-zoom{display:flex;gap:3px}.ob-zoom .tool{padding:3px 8px;min-height:25px;font-size:10px;border-color:transparent;background:#f7f9fc}
.ob-status{font-size:10px;color:#86909e;border-top:1px solid #f0f2f5;padding:8px 0;line-height:1.6;min-height:30px}.ob-help{font-size:10px;color:#87919e;line-height:1.8;margin:9px 0}.ob-help summary{cursor:pointer}.ob-help p{max-width:1100px}
.ob-screen-open{overflow:hidden}.ob-workspace.ob-expanded{position:fixed;inset:0;z-index:10000;background:#fff;overflow:auto;padding:16px 20px}.ob-workspace.ob-expanded .ob-plot{height:calc(100dvh - 300px);max-height:none;min-height:350px}
.ob-workspace button:focus-visible,.ob-workspace input:focus-visible,.ob-workspace select:focus-visible{outline:2px solid #2876ed;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.ob-workspace button{transition:background-color 180ms ease,color 180ms ease}.ob-camera:hover,.ob-toolbar .tool:hover,.ob-zoom .tool:hover{background:#edf3fc;color:#2876ed}.ob-modes button:hover{color:#2876ed}}
@media(max-width:1100px){.ob-chart-head{flex-wrap:wrap;gap:6px 16px}.ob-chart-head h2{font-size:16px}.ob-legend{gap:12px;font-size:10px}.ob-source{display:none}.ob-stats{gap:20px}.ob-plot{height:calc(100dvh - 335px)}}
@media(max-width:700px){.atx-ob-active .atx{padding:8px}.ob-toolbar{gap:7px}.ob-selector{flex:1}.ob-selector input{width:90px}.ob-selector select{width:130px;flex:1}.ob-control select{min-width:74px;width:80px}.ob-toolbar-end{margin-left:auto}.ob-modes{gap:20px}.ob-modes button{font-size:11px}.ob-chart-card{padding:13px 8px 0}.ob-chart-head{gap:7px}.ob-chart-head h2{font-size:14px;flex-basis:calc(100% - 40px);order:0}.ob-camera{order:1}.ob-legend{order:2;width:100%;margin:4px 0 6px}.ob-chart-sub p{display:none}.ob-chart-sub{margin:0 0 8px}.ob-coverage{margin-left:auto;font-size:9px}.ob-stats{gap:18px;margin-bottom:6px;padding-bottom:8px;min-height:31px}.ob-stat strong{font-size:11px}.ob-stat>span{font-size:9px}.ob-plot{height:calc(100dvh - 335px);min-height:350px}.ob-navigator{margin-left:43px;margin-right:43px;height:34px}.ob-navigator input[type=range]::-webkit-slider-thumb{height:25px;margin-top:4px}.ob-navigation{flex-wrap:wrap;gap:6px}.ob-zoom{margin-left:auto}.ob-tooltip{width:287px;font-size:11px;padding:12px 15px}.ob-tooltip th{font-size:11px}.ob-tooltip td{padding:6px 0}.ob-workspace.ob-expanded{padding:10px 7px}.ob-workspace.ob-expanded .ob-plot{height:calc(100dvh - 315px);min-height:320px}.ob-help{padding:0 3px}}
@media(prefers-reduced-motion:reduce){.ob-workspace *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){.ob-selector{flex:1 0 220px}.ob-selector input{flex:0 0 88px}.ob-selector select{min-width:100px}}