.desktop-insight-layout>[data-wave-flow-admin]{grid-column:1/-1}
.wave-flow-status{padding:16px;border:1px solid #dce5ef;border-radius:9px;background:#f7faff;color:#697f9b;font-size:13px}
.wave-flow-panel{margin:0 0 16px;color:#172438}
.wave-flow-panel h3{margin:0 0 10px;font-size:16px}
.wave-flow-freshness{margin:-3px 0 10px;color:#5c7390;font-size:12px;line-height:1.5}
.wave-flow-freshness.delayed{color:#a66d16}
.wave-flow-chart{background:#0d1929;border:1px solid #27384f;border-radius:11px;overflow:hidden;box-shadow:0 12px 30px #1629441c}
.wave-flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px 9px;border-bottom:1px solid #25364b}
.wave-flow-toolbar strong{color:#fff;font-size:15px}
.wave-flow-periods{display:flex;align-items:center;gap:4px;overflow:auto}
.wave-flow-periods button{border:1px solid transparent;background:transparent;color:#b9c9dc;border-radius:5px;padding:6px 8px;font-size:11px;white-space:nowrap;cursor:pointer}
.wave-flow-periods button.active{background:#245eab;border-color:#4d86d2;color:#fff}
.wave-flow-legend{display:flex;gap:10px 18px;flex-wrap:wrap;padding:9px 14px 2px;color:#b4c5d9;font-size:11px}
.wave-flow-legend span{white-space:nowrap}
.wave-flow-legend i{display:inline-block;width:13px;height:2px;border-radius:2px;vertical-align:4px;margin-right:5px}
.wave-flow-legend .price{background:#64a5ff}.wave-flow-legend .futures{background:#f8c44e}.wave-flow-legend .spot{background:#f27aaa}
.wave-flow-legend .oi{background:#44c88b}
.wave-flow-legend b{color:#e9f3ff;font-weight:650}
.wave-flow-chart svg{display:block;width:100%;height:445px;touch-action:none}
.wave-flow-panel.no-spot .wave-flow-chart svg{height:310px}
.wave-flow-tooltip{margin:2px 10px 9px;padding:7px 9px;border:1px solid #526d8e;border-radius:6px;background:#233953;color:#e8f2ff;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.wave-flow-tooltip[hidden]{display:none}
.wave-flow-compare{margin-top:12px;border:1px solid #dce5f0;border-radius:9px;background:#fff;overflow:hidden}
.wave-flow-compare h4{margin:0;padding:12px 15px 8px;font-size:14px}
.wave-flow-tabs{display:flex;gap:6px;padding:0 15px 11px;overflow-x:auto;scrollbar-width:none}
.wave-flow-tabs button{background:#fff;color:#5f7491;border:1px solid #d3dfeb;border-radius:6px;padding:6px 9px;font-size:11px;white-space:nowrap;cursor:pointer}
.wave-flow-tabs button.active{background:#eaf3ff;border-color:#86b5ef;color:#165baa}
.wave-flow-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e7edf5}
.wave-flow-values>div{padding:11px 15px}.wave-flow-values>div+div{border-left:1px solid #e7edf5}
.wave-flow-values span{display:block;color:#76889e;font-size:11px}.wave-flow-values strong{display:block;margin-top:5px;font-size:16px;white-space:nowrap}.wave-flow-values small{display:block;margin-top:5px;color:#71839b;font-size:11px}
.wave-flow-values .positive{color:#0c9676}.wave-flow-values .negative{color:#d25968}
@media(max-width:650px){.wave-flow-panel{margin-bottom:12px}.wave-flow-panel h3{font-size:15px}.wave-flow-toolbar{display:block;padding:10px 10px 8px}.wave-flow-periods{margin-top:7px}.wave-flow-periods button{padding:6px 7px;font-size:10px}.wave-flow-legend{gap:5px 11px;padding:8px 10px 2px;font-size:10px}.wave-flow-legend span{white-space:normal}.wave-flow-legend b{font-size:10px}.wave-flow-chart svg{height:435px}.wave-flow-panel.no-spot .wave-flow-chart svg{height:305px}.wave-flow-compare h4{padding:11px 10px 8px}.wave-flow-tabs{padding:0 10px 10px}.wave-flow-values{grid-template-columns:1fr}.wave-flow-values>div{display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:5px;align-items:center;padding:9px 10px}.wave-flow-values>div+div{border-left:0;border-top:1px solid #e7edf5}.wave-flow-values strong{font-size:14px;margin:0}.wave-flow-values small{grid-column:1/-1;margin:0}}
.observation-flow-panel .wave-flow-chart svg{height:575px}
.observation-flow-panel.no-spot .wave-flow-chart svg{height:445px}
.observation-flow-panel .wave-flow-values{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:650px){.observation-flow-panel .wave-flow-values{grid-template-columns:1fr}}
.wave-flow-panel.with-oi .wave-flow-chart{position:relative;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.wave-flow-panel.with-oi .wave-flow-chart svg{height:705px;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.wave-flow-panel.with-oi .wave-flow-chart svg *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.wave-flow-panel.with-oi .wave-flow-tooltip{position:absolute;top:92px;right:10px;z-index:2;width:min(230px,calc(100% - 20px));margin:0;box-shadow:0 8px 20px #0007;pointer-events:none}
.wave-flow-tooltip-title{display:block;margin-bottom:5px;color:#fff;font-size:12px}
.wave-flow-tooltip-title.signal,.wave-flow-panel.with-oi .wave-flow-tooltip>div.signal span,.wave-flow-panel.with-oi .wave-flow-tooltip>div.signal b{color:#f8c44e}
.wave-flow-panel.with-oi .wave-flow-tooltip>div{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-top:1px solid #ffffff16}
.wave-flow-panel.with-oi .wave-flow-tooltip span{color:#a9bfd8;white-space:nowrap}
.wave-flow-panel.with-oi .wave-flow-tooltip b{font-weight:600;text-align:right}
.wave-flow-panel.with-oi .wave-flow-tooltip>div.positive b{color:#55d894}
.wave-flow-panel.with-oi .wave-flow-tooltip>div.negative b{color:#ef7c86}
.wave-flow-panel.with-oi.no-spot .wave-flow-chart svg{height:575px}
.wave-flow-panel.with-oi .wave-flow-values{grid-template-columns:1fr}
.wave-flow-panel.with-oi .wave-flow-values>div{display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:5px;align-items:center;padding:11px 15px}
.wave-flow-panel.with-oi .wave-flow-values>div+div{border-left:0;border-top:1px solid #e7edf5}
.wave-flow-panel.with-oi .wave-flow-values strong{margin:0;text-align:right}
.wave-flow-panel.with-oi .wave-flow-values small{grid-column:1/-1;margin:0}
@media(max-width:650px){.wave-flow-panel.with-oi .wave-flow-values>div{padding:9px 10px}}
/* wave-history-20261018-v1 */
.wave-flow-history{margin:0 0 10px;border:1px solid #dce5f0;border-radius:8px;background:#fff}
.wave-flow-history summary{padding:9px 12px;color:#315d91;font-size:12px;cursor:pointer}
.wave-flow-history-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:6px;max-height:230px;overflow:auto;padding:0 10px 10px}
.wave-flow-history-list>div{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border:1px solid #e4ebf3;border-radius:6px;background:#f8fbff;font-size:11px}
.wave-flow-history-list strong{color:#bb8b18}.wave-flow-history-list span{color:#71839b}.wave-flow-history-list b{color:#263c58}
@media(max-width:650px){.wave-flow-history-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wave-flow-panel.with-oi .wave-flow-chart .wave-flow-legend{padding-left:68px;padding-right:25px}
.wave-flow-panel.with-oi .wave-flow-w1-banner{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:8px 25px 0 68px;padding:8px 9px;border:1px solid #5e4c20;border-left:3px solid #f8c44e;border-radius:7px;background:#182638}
.wave-flow-panel.with-oi .wave-flow-w1-banner span{display:block;color:#f8c44e;font-size:11px;font-weight:700;white-space:nowrap}
.wave-flow-panel.with-oi .wave-flow-w1-banner small{display:block;margin-top:4px;color:#aebfd4;font-size:9px;white-space:nowrap}
.wave-flow-panel.with-oi .wave-flow-w1-banner strong{flex:none;font-size:18px;color:#55d894;white-space:nowrap}
.wave-flow-panel.with-oi .wave-flow-w1-banner.negative strong{color:#ef7c86}
@media(max-width:650px){.wave-flow-panel.with-oi .wave-flow-chart .wave-flow-legend{padding-left:43px;padding-right:9px}.wave-flow-panel.with-oi .wave-flow-w1-banner{margin-left:43px;margin-right:9px}}

/* hunterscan-trend-generic-20261019 */
.wave-flow-panel.with-oi.trend-generic.no-volume .wave-flow-chart svg{height:575px}
.wave-flow-panel.with-oi.trend-generic.no-volume.no-spot .wave-flow-chart svg{height:445px}

/* 2026-10-20: shared viewing range and display precision controls. */
.wave-flow-toolbar{align-items:flex-start}
.wave-flow-ranges,.wave-flow-periods{display:flex;align-items:center;gap:4px;flex-wrap:wrap;overflow:visible}
.wave-flow-ranges>span,.wave-flow-periods>span{color:#a9bfd8;font-size:11px;white-space:nowrap;margin-right:3px}
.wave-flow-range-hint{color:#91a9c4;font-size:10px;font-weight:400;white-space:nowrap}
.wave-flow-ranges button{border:1px solid transparent;background:transparent;color:#b9c9dc;border-radius:5px;padding:6px 8px;font-size:11px;white-space:nowrap;cursor:pointer}
.wave-flow-ranges button.active{background:#245eab;border-color:#4d86d2;color:#fff}
.wave-flow-panel.with-oi .wave-flow-toolbar{display:grid;grid-template-columns:1fr;justify-content:start;gap:5px}
.wave-flow-panel.with-oi .wave-flow-periods{margin:0}
@media(max-width:650px){.wave-flow-ranges button{padding:6px 7px;font-size:11px}.wave-flow-panel.with-oi .wave-flow-toolbar{padding:9px 10px}}
.wave-flow-panel.with-oi .wave-flow-tooltip>div.oi-change span{min-width:0;white-space:normal}
.wave-flow-panel.with-oi .wave-flow-tooltip>div.oi-change b{white-space:nowrap}