/* ES_KEY_PRICE_CHART_STD_02_FINAL — SINGLE SOURCE OF STYLE TRUTH
   Ownership: Overview Key Price Chart only.
   Rule: app.css must not contain .ov11-* / .trend-* / .overview-tools component rules.
*/

/* header controls */
body[data-view="overview"] .overview-market-viz>header>div:first-child{min-width:0}
body[data-view="overview"] .overview-market-viz>header .ov11-instrument{
  margin:0;font-size:17px;font-weight:700;line-height:1.2;color:#f1f8fc;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
body[data-view="overview"] .ov11-focus-source{
  display:inline-flex;align-items:center;min-height:18px;margin-top:3px;padding:2px 6px;
  border:1px solid rgba(50,165,220,.28);border-radius:999px;background:rgba(5,40,60,.62);
  color:#78bfe0;font-size:7px;font-weight:700;letter-spacing:.03em;white-space:nowrap
}
body[data-view="overview"] .ov11-focus-source[data-source="USER_SELECTED"],
body[data-view="overview"] .ov11-focus-source[data-source="LAST_SELECTED"]{
  border-color:rgba(37,189,236,.44);color:#9edff4;background:rgba(4,50,71,.72)
}
body[data-view="overview"] .overview-tools{display:flex;align-items:center;gap:4px}
body[data-view="overview"] .overview-tools button{
  height:32px;min-width:42px;padding:0 10px;border:1px solid #0b4867;
  background:#031827;color:#74a3c1;font-size:9px
}
body[data-view="overview"] .overview-tools button.active{
  border-color:#14c8ff;color:#dff8ff;background:#07314c
}
body[data-view="overview"] .ov11-full-btn{
  padding:0 12px!important;min-width:56px!important;color:#dff8ff!important;border-color:#1688b8!important
}
body[data-view="overview"] .ov11-zoom-controls{display:flex;align-items:center;gap:4px;margin-left:4px}
body[data-view="overview"] .ov11-zoom-controls[hidden]{display:none!important}
body[data-view="overview"] .ov11-zoom-controls b{
  min-width:45px;text-align:center;font-size:10px;color:#d8effa;font-variant-numeric:tabular-nums
}
body[data-view="overview"] .ov11-zoom-controls button{min-width:34px!important;padding:0 8px!important}
body[data-view="overview"] .ov11-zoom-controls button:disabled{opacity:.32;cursor:not-allowed}

/* compact layout */
body[data-view="overview"] .trend-visual{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 164px!important;
  gap:10px!important;
  height:245px!important;
  margin:0 15px!important;
  padding:0!important;
  overflow:hidden!important;
  background:#031522!important;
}
body[data-view="overview"] .trend-visual:after{content:none!important;display:none!important}
body[data-view="overview"] .ov11-plot-shell{
  position:relative;min-width:0;height:100%;overflow:hidden;
  background:linear-gradient(180deg,#031826 0%,#03131f 100%);
  border-right:1px solid rgba(32,143,198,.22)
}
body[data-view="overview"] .ov11-plot-shell .trend-grid{display:none!important}
body[data-view="overview"] .ov11-plot-shell svg{
  position:absolute!important;inset:0!important;width:100%;height:100%;
  max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;
  overflow:visible!important;shape-rendering:geometricPrecision;text-rendering:geometricPrecision;user-select:none
}
body[data-view="overview"] #ov11Chart path,
body[data-view="overview"] #ov11Chart line{vector-effect:non-scaling-stroke}
body[data-view="overview"] .ov11-empty{
  position:absolute;inset:0;z-index:5;display:grid;place-items:center;
  color:#6387a2;font-size:10px;letter-spacing:.03em;background:rgba(3,19,31,.28)
}
body[data-view="overview"] .ov11-empty[hidden]{display:none}

/* information rail */
body[data-view="overview"] .ov11-info-rail{
  min-width:0;height:100%;padding:8px 9px;display:grid;
  grid-template-rows:auto;align-content:start;gap:4px;border:1px solid rgba(25,137,190,.42);border-radius:8px;
  background:linear-gradient(180deg,rgba(4,27,44,.98),rgba(3,20,33,.98));overflow:auto;scrollbar-width:thin
}
body[data-view="overview"] .ov11-rail-head{padding-bottom:5px;border-bottom:1px solid rgba(54,130,170,.18)}
body[data-view="overview"] .ov11-rail-head span{display:block;color:#5e8fae;font-size:6.5px;letter-spacing:.14em}
body[data-view="overview"] .ov11-rail-head b{display:block;margin-top:1px;color:#d9edf8;font-size:10px}
body[data-view="overview"] .ov11-rail-price{padding:5px 0 6px;border-bottom:1px solid rgba(54,130,170,.18)}
body[data-view="overview"] .ov11-rail-price span{display:block;color:#779ab2;font-size:7px}
body[data-view="overview"] .ov11-rail-price b{
  display:block;margin:2px 0;color:#f4fbff;font-size:20px;line-height:1;font-variant-numeric:tabular-nums
}
body[data-view="overview"] .ov11-rail-price em{display:block;color:#20caff;font-size:7px;font-style:normal;font-weight:700}
body[data-view="overview"] .ov11-rail-row,
body[data-view="overview"] .ov11-rail-zone{
  min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;
  gap:5px;padding:3px 0;border-bottom:1px solid rgba(48,118,155,.11)
}
body[data-view="overview"] .ov11-rail-row span,
body[data-view="overview"] .ov11-rail-zone span{color:#7195ae;font-size:7px;min-width:0}
body[data-view="overview"] .ov11-rail-row b,
body[data-view="overview"] .ov11-rail-zone b{
  color:#d9edf8;font-size:7.5px;white-space:nowrap;font-variant-numeric:tabular-nums
}
body[data-view="overview"] .ov11-rail-row.trend.up b{color:#f4c95d}
body[data-view="overview"] .ov11-rail-row.trend.down b{color:#ff7474}
body[data-view="overview"] .ov11-rail-zone{
  grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:4px 6px;border:1px solid transparent;border-radius:5px
}
body[data-view="overview"] .ov11-rail-zone span{font-size:6.5px}
body[data-view="overview"] .ov11-rail-zone b{font-size:7px;overflow:hidden;text-overflow:ellipsis}
body[data-view="overview"] .ov11-rail-zone.execution{background:rgba(255,116,116,.055);border-color:rgba(255,116,116,.20)}
body[data-view="overview"] .ov11-rail-zone.preparation{background:rgba(244,201,93,.05);border-color:rgba(244,201,93,.18)}
body[data-view="overview"] .ov11-rail-zone.watch{background:rgba(69,169,232,.05);border-color:rgba(69,169,232,.18)}
body[data-view="overview"] .ov11-rail-zone.execution span{color:#ff9999}
body[data-view="overview"] .ov11-rail-zone.preparation span{color:#e9c56e}
body[data-view="overview"] .ov11-rail-zone.watch span{color:#6dbce9}
body[data-view="overview"] .ov11-rail-empty{
  height:100%;display:grid;place-items:center;color:#5e8299;font-size:8px;text-align:center
}

/* price line + area */
body[data-view="overview"] .trend-line{
  fill:none!important;stroke:#22bfff!important;stroke-width:1.45!important;
  filter:drop-shadow(0 0 1.5px rgba(34,191,255,.23))!important
}
body[data-view="overview"] .trend-area{fill:url(#ovArea)!important;opacity:.24!important}

/* axes */
body[data-view="overview"] .ov11-price-axis,
body[data-view="overview"] .ov11-time-axis{stroke:#21526d;stroke-width:.8;opacity:.75}
body[data-view="overview"] .ov11-y-tick line{stroke:#16415a;stroke-width:.65;opacity:.42}
body[data-view="overview"] .ov11-y-tick text{
  fill:#6d93aa;font-size:7.5px;font-variant-numeric:tabular-nums
}
body[data-view="overview"] .ov11-axis-tick line.grid{stroke:#123c52;stroke-width:.6;opacity:.30}
body[data-view="overview"] .ov11-axis-tick line.tick{stroke:#2a6380;stroke-width:.8}
body[data-view="overview"] .ov11-axis-tick text{fill:#6d93aa;font-size:7px!important}

/* zones */
body[data-view="overview"] .ov11-zone{stroke:none!important}
body[data-view="overview"] .ov11-zone.execution{fill:#ff7474!important;opacity:.13!important}
body[data-view="overview"] .ov11-zone.preparation_warning{fill:#f4c95d!important;opacity:.105!important}
body[data-view="overview"] .ov11-zone.kp1_warning{fill:#45a9e8!important;opacity:.085!important}
body[data-view="overview"] .ov11-zone-boundary{vector-effect:non-scaling-stroke;stroke-dasharray:4 4}
body[data-view="overview"] .ov11-zone-boundary.outer{stroke:#c7dce8;stroke-width:1;opacity:.62}
body[data-view="overview"] .ov11-zone-boundary.inner{stroke:#a8bdc9;stroke-width:.7;opacity:.28}
body[data-view="overview"] #ov11Zones[data-density="COMPACT"] .ov11-zone-boundary.inner{opacity:.18}
body[data-view="overview"] #ov11Zones[data-density="MICRO"] .ov11-zone-boundary.inner{stroke-dasharray:2 3;opacity:.42}
body[data-view="overview"] #ov11Zones[data-density="MICRO"] .ov11-zone{opacity:.12!important}

/* KP markers */
body[data-view="overview"] .ov11-kp-arrow path{
  fill:none!important;stroke-linecap:round;stroke-linejoin:round
}
body[data-view="overview"] .ov11-kp-arrow.history{opacity:.72!important}
body[data-view="overview"] .ov11-kp-arrow.history path{stroke-width:1.45!important}
body[data-view="overview"] .ov11-kp-arrow.current{opacity:1!important}
body[data-view="overview"] .ov11-kp-arrow.current path{stroke-width:2.2!important}
body[data-view="overview"] .ov11-kp-arrow.trend-up path{stroke:#f4c95d!important}
body[data-view="overview"] .ov11-kp-arrow.trend-down path{stroke:#ff7474!important}
body[data-view="overview"] .ov11-kp-arrow.trend-neutral path{stroke:#9bb8c9!important}
body[data-view="overview"] .ov11-kp-arrow.history.trend-up path{filter:drop-shadow(0 0 1.8px rgba(244,201,93,.58))!important}
body[data-view="overview"] .ov11-kp-arrow.history.trend-down path{filter:drop-shadow(0 0 1.8px rgba(255,116,116,.58))!important}
body[data-view="overview"] .ov11-kp-arrow.history.trend-neutral path{filter:drop-shadow(0 0 1.2px rgba(155,184,201,.42))!important}
body[data-view="overview"] .ov11-kp-arrow.current.trend-up path{filter:drop-shadow(0 0 2px rgba(244,201,93,.78))!important}
body[data-view="overview"] .ov11-kp-arrow.current.trend-down path{filter:drop-shadow(0 0 2px rgba(255,116,116,.78))!important}
body[data-view="overview"] .ov11-kp-arrow.history:hover,
body[data-view="overview"] .ov11-kp-arrow.history:focus-visible{opacity:1!important}
body[data-view="overview"] .ov11-kp-arrow.history:hover path,
body[data-view="overview"] .ov11-kp-arrow.history:focus-visible path{stroke-width:2!important}

/* current KP badge */
body[data-view="overview"] .ov11-current-kp-badge{pointer-events:none}
body[data-view="overview"] .ov11-current-label-bg{
  fill:rgba(2,20,32,.96);stroke-width:1.25;filter:drop-shadow(0 2px 5px rgba(0,0,0,.46))
}
body[data-view="overview"] .ov11-current-label-text{
  font-size:9.3px;font-weight:800;letter-spacing:.01em;dominant-baseline:auto;
  paint-order:stroke;stroke:#02131f;stroke-width:2.2px;stroke-linejoin:round;
  font-variant-numeric:tabular-nums
}
body[data-view="overview"] .ov11-kp-arrow.current.trend-up .ov11-current-label-bg{stroke:#f4c95d}
body[data-view="overview"] .ov11-kp-arrow.current.trend-up .ov11-current-label-text{fill:#ffd96f}
body[data-view="overview"] .ov11-kp-arrow.current.trend-down .ov11-current-label-bg{stroke:#ff7474}
body[data-view="overview"] .ov11-kp-arrow.current.trend-down .ov11-current-label-text{fill:#ff8e8e}
body[data-view="overview"] .ov11-kp-arrow.current.trend-neutral .ov11-current-label-bg{stroke:#9bb8c9}
body[data-view="overview"] .ov11-kp-arrow.current.trend-neutral .ov11-current-label-text{fill:#c0d5e1}

/* adaptive historical KP annotation */
body[data-view="overview"] .ov11-history-kp-badge{pointer-events:none}
body[data-view="overview"] .ov11-history-kp-badge rect{fill:rgba(2,20,32,.92);stroke:#55788d;stroke-width:.8;opacity:.92}
body[data-view="overview"] .ov11-history-kp-badge text{fill:#9db9ca;font-size:7.5px;font-weight:700;font-variant-numeric:tabular-nums}
body[data-view="overview"] .ov11-history-kp-badge.trend-up rect{stroke:#b99c4f}
body[data-view="overview"] .ov11-history-kp-badge.trend-down rect{stroke:#b75b5b}
body[data-view="overview"] .ov11-history-kp-badge.selected rect{stroke-width:1.5;filter:drop-shadow(0 0 4px rgba(77,201,255,.42))}
body[data-view="overview"] .ov11-history-kp-badge.selected text{fill:#e8f7ff}
body[data-view="overview"] .ov11-kp-arrow.history{cursor:pointer}
body[data-view="overview"] .ov11-kp-arrow.history.selected{opacity:1!important}
body[data-view="overview"] .ov11-kp-arrow.history.selected path{stroke-width:2.1!important}
body[data-view="overview"] .ov11-kp-arrow.history.selected.trend-up path,
body[data-view="overview"] .ov11-kp-arrow.history.trend-up:hover path,
body[data-view="overview"] .ov11-kp-arrow.history.trend-up:focus-visible path{filter:drop-shadow(0 0 3.4px rgba(244,201,93,.9))!important}
body[data-view="overview"] .ov11-kp-arrow.history.selected.trend-down path,
body[data-view="overview"] .ov11-kp-arrow.history.trend-down:hover path,
body[data-view="overview"] .ov11-kp-arrow.history.trend-down:focus-visible path{filter:drop-shadow(0 0 3.4px rgba(255,116,116,.9))!important}

/* zone focus + KP history */
body[data-view="overview"] .ov11-zone-focus-details,
body[data-view="overview"] .ov11-kp-history{border:1px solid rgba(43,131,176,.22);border-radius:6px;background:rgba(3,21,35,.66)}
body[data-view="overview"] .ov11-zone-focus-details summary,
body[data-view="overview"] .ov11-kp-history summary{
  min-height:28px;padding:5px 7px;display:flex;align-items:center;justify-content:space-between;gap:6px;
  cursor:pointer;list-style:none;color:#769db6
}
body[data-view="overview"] .ov11-zone-focus-details summary::-webkit-details-marker,
body[data-view="overview"] .ov11-kp-history summary::-webkit-details-marker{display:none}
body[data-view="overview"] .ov11-zone-focus-details summary span,
body[data-view="overview"] .ov11-kp-history summary span{font-size:6px;letter-spacing:.12em;color:#5f8aa5}
body[data-view="overview"] .ov11-zone-focus-details summary b,
body[data-view="overview"] .ov11-kp-history summary b{font-size:7.5px;color:#b9d8e9}
body[data-view="overview"] .ov11-zone-ladder{position:relative;height:112px;margin:3px 8px 9px;border-left:1px solid #275870;border-right:1px solid #275870;background:#02131f;overflow:hidden}
body[data-view="overview"] .ov11-ladder-band{position:absolute;left:0;right:0;display:grid;place-items:center;min-height:2px}
body[data-view="overview"] .ov11-ladder-band span{font-size:6px;font-weight:700;opacity:.8}
body[data-view="overview"] .ov11-ladder-band.execution{background:rgba(255,116,116,.15);color:#ff9999}
body[data-view="overview"] .ov11-ladder-band.preparation{background:rgba(244,201,93,.13);color:#e9c56e}
body[data-view="overview"] .ov11-ladder-band.watch{background:rgba(69,169,232,.12);color:#6dbce9}
body[data-view="overview"] .ov11-ladder-level{position:absolute;left:0;right:0;height:0;border-top:1px dashed rgba(190,218,232,.38)}
body[data-view="overview"] .ov11-ladder-level.outer{border-top-style:solid;border-top-color:rgba(215,236,247,.62)}
body[data-view="overview"] .ov11-ladder-level b{position:absolute;right:3px;top:-8px;padding:1px 3px;background:#02131f;color:#c9e1ed;font-size:6.5px;font-style:normal;font-variant-numeric:tabular-nums}
body[data-view="overview"] .ov11-ladder-marker{position:absolute;left:4px;transform:translateY(50%);padding:2px 4px;border-radius:4px;background:#063048;color:#eaf9ff;font-size:6.5px;font-style:normal;font-weight:800}
body[data-view="overview"] .ov11-ladder-marker.live{background:#07587d;border:1px solid #21c8ff}
body[data-view="overview"] .ov11-ladder-marker.kp{left:auto;right:3px;background:#161d25;border:1px solid #ff7474;color:#ff9a9a}
body[data-view="overview"] .ov11-kp-history-list{max-height:132px;overflow:auto;display:grid;gap:2px;padding:4px}
body[data-view="overview"] .ov11-kp-history-list button{
  min-width:0;min-height:27px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:5px;
  border:0;border-radius:4px;background:rgba(6,34,53,.72);color:#779ab2;padding:4px 5px;text-align:left;cursor:pointer
}
body[data-view="overview"] .ov11-kp-history-list button span{font-size:6px}
body[data-view="overview"] .ov11-kp-history-list button b{font-size:7px;color:#d5ebf6;font-variant-numeric:tabular-nums}
body[data-view="overview"] .ov11-kp-history-list button em{font-size:6px;font-style:normal;color:#789bb0}
body[data-view="overview"] .ov11-kp-history-list button.active{outline:1px solid #25bdec;background:rgba(7,55,80,.88)}
body[data-view="overview"] .ov11-kp-history-empty{padding:8px;color:#67889d;font-size:7px;text-align:center}

/* live price */
body[data-view="overview"] .ov11-live-line{
  stroke:#f6fbff!important;stroke-width:.75!important;stroke-dasharray:4 5!important;
  opacity:.48!important;filter:none!important
}
body[data-view="overview"] .ov11-live-dot{
  fill:#22bfff!important;stroke:#d8f7ff!important;stroke-width:1.3!important;
  filter:drop-shadow(0 0 3px rgba(34,191,255,.70))!important
}
body[data-view="overview"] .ov11-live-badge rect{fill:#07587d;stroke:#21c8ff;stroke-width:1}
body[data-view="overview"] .ov11-live-badge text{
  fill:#f5fbff;font-size:8px;font-weight:800;font-variant-numeric:tabular-nums
}

/* crosshair + tooltip */
body[data-view="overview"] .ov11-crosshair-v,
body[data-view="overview"] .ov11-crosshair-h{
  stroke:#a8cadc;stroke-width:.7;stroke-dasharray:3 4;opacity:.55;pointer-events:none
}
body[data-view="overview"] .ov11-crosshair-dot{
  fill:#03131f;stroke:#c9efff;stroke-width:1.2;pointer-events:none
}
body[data-view="overview"] .ov11-tooltip{
  position:absolute;z-index:8;min-width:125px;padding:7px 9px;display:grid;gap:3px;
  border:1px solid #145979;border-radius:6px;background:rgba(2,18,30,.96);
  box-shadow:0 8px 24px rgba(0,0,0,.28);pointer-events:none
}
body[data-view="overview"] .ov11-tooltip[hidden]{display:none!important}
body[data-view="overview"] .ov11-tooltip b{color:#dceef8;font-size:8px}
body[data-view="overview"] .ov11-tooltip span{
  color:#36cfff;font-size:8px;font-variant-numeric:tabular-nums
}

/* legend + caption */
body[data-view="overview"] .ov11-legend{
  position:absolute;z-index:4;top:5px!important;left:7px!important;right:auto!important;
  max-width:88%!important;display:flex!important;flex-wrap:wrap!important;gap:4px 9px!important;
  padding:3px 6px!important;border:1px solid rgba(35,112,150,.14);border-radius:5px;
  background:rgba(2,17,28,.82)!important;color:#7ca1ba;font-size:7.5px!important;
  backdrop-filter:blur(3px)
}
body[data-view="overview"] .ov11-legend span{display:flex;align-items:center;gap:4px}
body[data-view="overview"] .ov11-legend i{
  width:12px!important;height:3px;display:inline-grid;place-items:center;font-style:normal;
  font-size:10px!important;font-weight:900;line-height:1;background:#22bfff
}
body[data-view="overview"] .ov11-legend i.kp1,
body[data-view="overview"] .ov11-legend i.kp2{height:14px;background:transparent}
body[data-view="overview"] .ov11-legend i.live{background:#f5fbff}
body[data-view="overview"] .ov11-legend i.zone{height:8px;border-radius:2px}
body[data-view="overview"] .ov11-legend i.zone.execution{background:rgba(255,116,116,.62);border:1px solid #ff7474}
body[data-view="overview"] .ov11-legend i.zone.preparation{background:rgba(243,199,107,.62);border:1px solid #f3c76b}
body[data-view="overview"] .ov11-legend i.zone.watch{background:rgba(69,169,232,.58);border:1px solid #45a9e8}
body[data-view="overview"][data-ov11-trend="UP"] .ov11-legend i.kp1,
body[data-view="overview"][data-ov11-trend="UP"] .ov11-legend i.kp2{
  color:#f4c95d!important;text-shadow:0 0 5px rgba(244,201,93,.64)!important
}
body[data-view="overview"][data-ov11-trend="DOWN"] .ov11-legend i.kp1,
body[data-view="overview"][data-ov11-trend="DOWN"] .ov11-legend i.kp2{
  color:#ff7474!important;text-shadow:0 0 5px rgba(255,116,116,.64)!important
}
body[data-view="overview"] .trend-caption{
  position:absolute;left:7px!important;right:7px!important;bottom:4px!important;
  display:flex;justify-content:space-between;color:#6687a3;z-index:7!important;
  font-size:7px!important;pointer-events:none
}
body[data-view="overview"] .trend-caption span{font-size:7px!important}
body[data-view="overview"] .trend-caption b{color:#9fdcf7}

/* viewport state */
body[data-view="overview"] .ov11-plot-shell.is-zoomed{overflow:hidden!important;cursor:grab!important}
body[data-view="overview"] .ov11-plot-shell.is-dragging{
  overflow:hidden!important;cursor:grabbing!important;user-select:none
}

/* fullscreen */
body.ov11-fullscreen-open{overflow:hidden}
body[data-view="overview"] .overview-market-viz.ov11-expanded{
  position:fixed!important;inset:12px!important;z-index:10000!important;
  width:auto!important;height:auto!important;min-height:0!important;margin:0!important;grid-area:unset!important;
  background:#02111d!important;border:1px solid #0b5d83!important;border-radius:10px!important;
  box-shadow:0 24px 90px rgba(0,0,0,.62),0 0 0 9999px rgba(0,7,12,.82)!important;
  overflow:hidden!important
}
body[data-view="overview"] .overview-market-viz.ov11-expanded>header{
  height:58px!important;min-height:58px!important;padding:0 18px!important;
  background:#031522!important;border-bottom:1px solid #0b425e!important
}
body[data-view="overview"] .overview-market-viz.ov11-expanded>header .ov11-instrument{font-size:20px!important}
body[data-view="overview"] .overview-market-viz.ov11-expanded .trend-visual{
  grid-template-columns:minmax(0,1fr) 248px!important;gap:12px!important;
  height:calc(100vh - 94px)!important;margin:0 14px 14px!important;padding:0!important;
  background:#02111d!important
}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-plot-shell{
  height:100%!important;overflow:hidden!important;border:1px solid rgba(16,91,128,.34);
  border-radius:8px;background:#02131f;touch-action:none;overscroll-behavior:contain
}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-plot-shell svg{
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;transform:none!important
}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-info-rail{
  height:100%;padding:16px;gap:8px;border-radius:9px;
  background:linear-gradient(180deg,#031c2d,#02131f)
}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-rail-head span{font-size:9px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-rail-head b{font-size:15px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-rail-price{padding:12px 0 14px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-rail-price span{font-size:10px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-rail-price b{font-size:34px;margin:7px 0}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-rail-price em{font-size:11px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-rail-row,
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-rail-zone{padding:8px 2px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-rail-row span,
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-rail-zone span{font-size:10px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-rail-row b,
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-rail-zone b{font-size:12px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-rail-zone{grid-template-columns:1fr;gap:3px;padding:10px 11px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-zone-focus-details summary,
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-kp-history summary{min-height:36px;padding:7px 9px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-zone-focus-details summary span,
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-kp-history summary span{font-size:8px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-zone-focus-details summary b,
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-kp-history summary b{font-size:10px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-zone-ladder{height:170px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-ladder-band span{font-size:9px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-ladder-level b,
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-ladder-marker{font-size:9px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-kp-history-list button{min-height:36px;padding:6px 7px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-kp-history-list button span,
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-kp-history-list button em{font-size:8px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-kp-history-list button b{font-size:10px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-legend{
  top:10px!important;left:12px!important;max-width:78%!important;
  gap:8px 14px!important;padding:5px 8px!important;font-size:10px!important
}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-legend i{
  width:15px!important;font-size:13px!important
}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-y-tick text,
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-axis-tick text{font-size:10px!important}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-live-badge text{font-size:11px!important}
body[data-view="overview"] .overview-market-viz.ov11-expanded .trend-caption,
body[data-view="overview"] .overview-market-viz.ov11-expanded .trend-caption span{font-size:9px!important}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-tooltip{min-width:160px;padding:9px 11px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-tooltip b,
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-tooltip span{font-size:10px}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-current-label-text{
  font-size:15px;stroke-width:3px
}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-current-label-bg{
  stroke-width:1.6;filter:drop-shadow(0 3px 8px rgba(0,0,0,.52))
}
body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-kp-arrow.current path{
  stroke-width:2.6!important
}

/* ES_KEY_PRICE_CHART_MOBILE_STD_01 — component mobile layout owner */
@media(max-width:760px){
  body[data-view="overview"] .overview-market-viz:not(.ov11-expanded)>header{
    display:grid!important;grid-template-columns:1fr!important;height:auto!important;min-height:0!important;
    gap:8px!important;padding:10px!important
  }
  body[data-view="overview"] .overview-market-viz:not(.ov11-expanded)>header>div:first-child{width:100%;min-width:0}
  body[data-view="overview"] .overview-market-viz:not(.ov11-expanded)>header .ov11-instrument{font-size:16px!important}
  body[data-view="overview"] .overview-market-viz:not(.ov11-expanded)>header .ov11-focus-source{font-size:9px!important;min-height:24px!important;padding:3px 7px!important}
  body[data-view="overview"] .overview-market-viz:not(.ov11-expanded) .overview-tools{
    width:100%;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:6px!important;overflow:visible!important
  }
  body[data-view="overview"] .overview-market-viz:not(.ov11-expanded) .overview-tools button{
    min-width:0!important;width:100%!important;height:42px!important;padding:0 5px!important;font-size:9px!important
  }
  body[data-view="overview"] .trend-visual{
    grid-template-columns:1fr!important;grid-template-rows:280px auto!important;gap:8px!important;
    height:auto!important;margin:0 10px 10px!important;overflow:visible!important;background:#031522!important
  }
  body[data-view="overview"] .ov11-plot-shell{height:280px!important;border-right:0!important;border-bottom:1px solid rgba(32,143,198,.22)}
  body[data-view="overview"] .ov11-info-rail{
    height:auto!important;min-height:0!important;padding:10px!important;overflow:visible!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:6px!important
  }
  body[data-view="overview"] .ov11-rail-head,
  body[data-view="overview"] .ov11-rail-price,
  body[data-view="overview"] .ov11-rail-row.trend,
  body[data-view="overview"] .ov11-rail-zone{grid-column:1/-1!important}
  body[data-view="overview"] .ov11-rail-head span{font-size:8px!important}
  body[data-view="overview"] .ov11-rail-head b{font-size:13px!important}
  body[data-view="overview"] .ov11-rail-price{padding:7px 0!important}
  body[data-view="overview"] .ov11-rail-price span{font-size:9px!important}
  body[data-view="overview"] .ov11-rail-price b{font-size:24px!important}
  body[data-view="overview"] .ov11-rail-price em{font-size:9px!important}
  body[data-view="overview"] .ov11-rail-row{padding:7px 4px!important}
  body[data-view="overview"] .ov11-rail-row span{font-size:9px!important}
  body[data-view="overview"] .ov11-rail-row b{font-size:10px!important}
  body[data-view="overview"] .ov11-rail-zone{
    grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:8px 9px!important
  }
  body[data-view="overview"] .ov11-rail-zone span{font-size:9px!important}
  body[data-view="overview"] .ov11-rail-zone b{font-size:10px!important}
  body[data-view="overview"] .ov11-zone-focus-details summary,
  body[data-view="overview"] .ov11-kp-history summary{min-height:44px!important;padding:8px 10px!important}
  body[data-view="overview"] .ov11-zone-focus-details summary span,
  body[data-view="overview"] .ov11-kp-history summary span{font-size:8px!important}
  body[data-view="overview"] .ov11-zone-focus-details summary b,
  body[data-view="overview"] .ov11-kp-history summary b{font-size:10px!important}
  body[data-view="overview"] .ov11-zone-ladder{height:168px!important;margin:6px 10px 12px!important}
  body[data-view="overview"] .ov11-ladder-band span{font-size:9px!important}
  body[data-view="overview"] .ov11-ladder-level b,
  body[data-view="overview"] .ov11-ladder-marker{font-size:9px!important}
  body[data-view="overview"] .ov11-kp-history-list{max-height:220px!important;padding:6px!important;gap:4px!important}
  body[data-view="overview"] .ov11-kp-history-list button{min-height:44px!important;padding:8px!important}
  body[data-view="overview"] .ov11-kp-history-list button span,
  body[data-view="overview"] .ov11-kp-history-list button em{font-size:8px!important}
  body[data-view="overview"] .ov11-kp-history-list button b{font-size:10px!important}

  body[data-view="overview"] .overview-market-viz.ov11-expanded{inset:4px!important}
  body[data-view="overview"] .overview-market-viz.ov11-expanded>header{
    height:auto!important;min-height:58px!important;padding:6px 8px!important;gap:8px!important;
    display:grid!important;grid-template-columns:92px minmax(0,1fr)!important
  }
  body[data-view="overview"] .overview-market-viz.ov11-expanded>header>div:first-child{min-width:0;max-width:92px}
  body[data-view="overview"] .overview-market-viz.ov11-expanded>header .ov11-instrument{
    font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
  }
  body[data-view="overview"] .overview-market-viz.ov11-expanded .overview-tools{
    min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;
    flex:1 1 auto;display:flex!important;gap:6px!important
  }
  body[data-view="overview"] .overview-market-viz.ov11-expanded .overview-tools::-webkit-scrollbar{display:none}
  body[data-view="overview"] .overview-market-viz.ov11-expanded .overview-tools button,
  body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-zoom-controls button{
    height:44px!important;min-width:44px!important;flex:0 0 44px
  }
  body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-zoom-controls{
    gap:6px;margin-left:2px;display:flex!important;flex:0 0 auto
  }
  body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-zoom-controls b{
    min-width:48px;font-size:11px;display:grid;place-items:center
  }
  body[data-view="overview"] .overview-market-viz.ov11-expanded .trend-visual{
    grid-template-columns:1fr!important;grid-template-rows:minmax(330px,56dvh) auto!important;gap:8px!important;
    height:calc(100dvh - 76px)!important;margin:0 6px 6px!important;overflow-y:auto!important;overscroll-behavior:contain!important
  }
  body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-plot-shell{
    height:auto!important;min-height:330px!important;touch-action:none;overscroll-behavior:contain
  }
  body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-info-rail{
    height:auto!important;min-height:0!important;padding:10px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:6px!important
  }
  body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-rail-head,
  body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-rail-price,
  body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-rail-row.trend,
  body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-rail-zone{grid-column:1/-1!important}
  body[data-view="overview"] .overview-market-viz.ov11-expanded .ov11-rail-zone{
    grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:8px 9px!important
  }
}

@media(min-width:761px) and (max-width:1250px){
  body[data-view="overview"] .trend-visual{grid-template-columns:minmax(0,1fr) 150px!important}
  body[data-view="overview"] .ov11-info-rail{padding:7px}
}