/* All selectors are isolated: the untouched product shell uses its original Tailwind markup. */
.hc-footer-spacer{height:30px;min-height:30px;flex:0 0 30px}
.hc-fixed-footer{position:fixed!important;bottom:0;left:0;right:0;width:100%;height:30px;z-index:230;background:var(--neutral-surface,#fff);color:var(--neutral-primary,#1e1e1e)}
main>.hypercall-seo{display:block!important;position:relative!important;width:min(1100px,calc(100% - 32px));margin:30px auto 80px;overflow:visible;min-height:auto;background:#f9fafb!important;color:#17191c!important;border-color:#e5e7eb!important;line-height:1.65;}
main>.hypercall-seo h1,main>.hypercall-seo h2,main>.hypercall-seo p,main>.hypercall-seo a,main>.hypercall-seo summary {color:#17191c!important}
main>.hypercall-seo .hc-links a{border-color:#d1d5db!important}
main>.hypercall-seo details{border-color:#e5e7eb!important}
main{overflow:visible!important}
.hc-data-note{font-size:11px;color:#64748b;display:inline-block;white-space:nowrap;margin-left:12px;font-weight:400}
.hc-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:14;pointer-events:none;background:#fff}
.hc-chart-status{font:11px/1.4 sans-serif;color:#555;position:absolute;right:12px;bottom:16px;z-index:15;padding:2px 6px;background:rgba(255,255,255,.9);border-radius:3px;pointer-events:none}
.hc-modal-backdrop{position:fixed;z-index:999999;inset:0;background:rgba(0,0,0,.45);display:flex;justify-content:center;align-items:center;padding:20px}
.hc-modal{width:min(400px,100%);border-radius:12px;padding:24px;background:#fff;color:#101827;font-family:system-ui,Arial,sans-serif;box-shadow:0 15px 45px #0004;line-height:1.5}
.hc-modal h2{font-size:18px;margin:0 0 10px}.hc-modal p{font-size:14px;margin:0 0 16px}.hc-modal button{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:8px;color:#fff;background:#148c50;border:0;cursor:pointer}
.hc-notice{position:fixed;z-index:300;left:50%;bottom:42px;transform:translateX(-50%);background:#1b2530;color:#fff;padding:9px 14px;border-radius:8px;font:13px/1.4 system-ui,sans-serif;max-width:calc(100% - 24px);box-shadow:0 4px 18px #0003}
[data-hc-range][aria-pressed=true], [data-hc-panel][aria-pressed=true]{font-weight:650}
@media(max-width:768px){main>.hypercall-seo{width:calc(100% - 20px);margin:22px 10px 80px;padding:18px}.hc-fixed-footer{font-size:10px}.hc-data-note{display:block;margin:2px 0}}

/* Mobile only: the archive baked a 335px order column into an inline grid, collapsing the chart.
   Restore a single-column layout without touching the trading controls. */
@media(max-width:767px){
 .hc-product-shell{height:auto!important;min-height:100dvh!important;overflow:visible!important;max-width:100%!important;}
 .hc-product-shell>div.flex-1,.hc-product-shell>div.flex-1>div.flex-1{min-height:0!important;height:auto!important;overflow:visible!important;flex:none!important;}
 .hc-product-shell .hc-responsive-grid{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:visible!important;flex:0 0 auto!important;grid-template-columns:none!important;grid-template-rows:none!important;width:100%!important;}
 .hc-responsive-grid>.hc-chart-panel{order:1;grid-area:auto!important;min-height:370px!important;height:440px!important;width:100%!important;flex:none!important;}
 .hc-responsive-grid>.hc-order-panel{order:2;grid-area:auto!important;min-height:520px!important;height:auto!important;max-height:none!important;width:100%!important;flex:none!important;overflow:visible!important;}
 .hc-responsive-grid>.hc-positions-panel{order:3;grid-area:auto!important;min-height:230px!important;height:auto!important;width:100%!important;flex:none!important;}
 .hc-responsive-grid>.hc-grid-handle{display:none!important;}
 .hc-responsive-grid>.hc-order-panel>.overflow-auto,.hc-responsive-grid>.hc-order-panel>.flex-1{overflow:visible!important;min-height:360px!important;}
 .hc-responsive-grid .tv-lightweight-charts{width:100%!important;max-width:100%!important;overflow:hidden!important;}
 .hc-responsive-grid .tv-lightweight-charts>table{width:100%!important;max-width:100%!important;}
 .hc-responsive-grid .tv-lightweight-charts canvas{width:100%!important;}
 .hc-product-shell .hc-fixed-footer{font-size:10px}
}

@media(max-width:767px){html,body{max-width:100%!important;overflow-x:clip!important}.hc-product-shell{overflow-x:clip!important}}