/* Chart Pro design on the native Setra engine. */
body{--up:#269b75;--down:#db646b;--up-soft:rgba(38,155,117,.14);--down-soft:rgba(219,100,107,.14);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.chart-pro{--radius:6px}:root[data-theme=light] body.chart-pro{--ink:#172921;--ink-2:#596a60;--muted:#7a8680;--hair:#e7ece8;--accent:#177c4a;--accent-soft:#eaf5ee}
.chart-pro #app{grid-template-columns:52px minmax(0,1fr) var(--wl-lebar);grid-template-rows:54px 46px minmax(0,1fr) 40px 26px;grid-template-areas:'pro pro pro' 'hdr hdr side' 'rail main side' 'rail panel side' 'status status status';--wl-lebar:288px}
.chart-pro #app.pro-panel-open{grid-template-rows:54px 46px minmax(0,1fr) minmax(180px,28%) 26px}
.pro-head{grid-area:pro;display:flex;align-items:center;gap:28px;padding:0 18px;border-bottom:1px solid var(--hair);background:var(--surface);min-width:0}
.pro-brand{color:var(--ink);text-decoration:none;font-size:25px;font-weight:750;letter-spacing:-1.2px;white-space:nowrap}.pro-brand span{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:0;margin-left:7px}
.pro-workspace{margin-left:auto;font-size:12px;color:var(--ink-2)}.pro-actions{display:flex;align-items:center;gap:10px}.pro-actions button{min-height:32px;min-width:32px;padding:6px 10px;font-size:16px;color:var(--muted);border-radius:6px}.pro-actions .pro-share{font-size:12px;background:var(--accent);color:white;font-weight:600}
.chart-pro #app>header{background:var(--surface);padding:0 12px;gap:8px;min-width:0}.chart-pro header>.brand{display:none}.chart-pro #symBtn{border:0;border-radius:6px;padding:6px 8px}.chart-pro #symBtn .sy{font-size:13px}.chart-pro #symBtn .sub{display:none}.chart-pro #tfRow{background:none;border:0;box-shadow:none;gap:2px;padding:0}.chart-pro #tfRow button{font-size:11px;font-weight:400;border-radius:6px;background:none;color:var(--muted);padding:7px 8px;box-shadow:none}.chart-pro #tfRow button.on{color:var(--accent);background:var(--accent-soft);font-weight:600}.chart-pro #tfRow button.tf-highlight{box-shadow:inset 0 -2px var(--accent)}.chart-pro header .hbtn{font-size:12px;font-weight:500}
.chart-pro #rail,.chart-pro #side{background:var(--surface)}.chart-pro #rail{padding:10px 0;gap:7px}.chart-pro #rail .tool{border:0;border-radius:5px;color:var(--muted)}.chart-pro #rail .tool.on{background:var(--accent-soft);color:var(--accent);box-shadow:none}
.chart-pro #lgd{left:20px;top:16px;max-width:calc(100% - 45px);font-size:11px}.chart-pro #lgd .row1{gap:7px}.chart-pro #lgd .nm{font-size:13px;font-weight:600}.chart-pro #lgd .tfl{font-size:11px;color:var(--muted)}.chart-pro #lgd .hero{display:flex!important;gap:8px;margin:7px 0 6px;min-width:0}.chart-pro #lgd #heroPrice{font-size:25px;font-weight:650;line-height:1.3}.chart-pro #lgd #heroChg{font-size:11px;font-weight:500}.chart-pro #lgdOhlc{display:flex;gap:8px;flex-wrap:wrap;font-size:10px}.chart-pro #lgdOhlc b{font-weight:500}.chart-pro #lgdInds{margin-top:6px}.chart-pro.legend-hidden #lgd .hero,.chart-pro.legend-hidden #lgdOhlc{display:none!important}
.chart-pro #side .wl-head{min-height:48px;flex:none;padding:12px 14px}.chart-pro #side .wl-head h2{font-size:13px;color:var(--ink-2);letter-spacing:0;font-weight:600}.chart-pro #wlAdd{font-size:12px;font-weight:500}.pro-wl-columns{display:grid;grid-template-columns:1fr 72px 70px;gap:5px;padding:5px 24px 8px 14px;color:var(--muted);font-size:10px;flex:none}.pro-wl-columns span:not(:first-child){text-align:right}.chart-pro .wl-sec{font-size:9px;letter-spacing:.08em;padding-top:17px}.chart-pro .wl-sec .n{display:none}.chart-pro .wlrow{grid-template-columns:minmax(0,1fr) 72px 65px;gap:3px 4px;padding:8px 23px 8px 12px;border-radius:0;min-height:48px}.chart-pro .wlrow .b{font-size:11px;font-weight:600}.chart-pro .wlrow .d{font-size:10px;font-weight:400;grid-column:1}.chart-pro .wlrow .p{grid-column:2;grid-row:1;font-size:11px;font-weight:500}.chart-pro .wlrow .c{grid-column:3;grid-row:1;font-size:10px;font-weight:400}.chart-pro .wlrow .rm{width:22px;height:28px;right:0;opacity:0}.chart-pro .wlrow:hover .rm,.chart-pro .wlrow:focus-within .rm{opacity:1}.chart-pro .wlrow.on{background:var(--accent-soft);border-left:2px solid var(--accent)}
.pro-instrument{flex:none;padding:16px;border-top:1px solid var(--hair)}.pro-instrument-name{display:block;font-size:13px;font-weight:600}.pro-instrument-desc{display:block;font-size:10px;color:var(--muted);margin-top:2px}.pro-instrument-price{font-size:25px;font-weight:650;line-height:1.3;margin-top:12px;font-variant-numeric:tabular-nums}.pro-instrument-price>span{display:block;font-size:11px;font-weight:500;margin-top:3px}
.pro-ticket{flex:none;padding:12px 14px 15px;border-top:1px solid var(--hair)}.pro-ticket-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:10px}.pro-ticket-heading b{font-weight:600}.pro-ticket-heading span{font-size:10px;color:var(--muted)}.chart-pro .pro-ticket #tradeSeg{position:static;display:flex;width:100%;padding:0;background:none;border:0;box-shadow:none;gap:6px;flex-wrap:wrap;transform:none;margin-top:8px}.chart-pro .pro-ticket .tb{flex:1;min-height:44px;border-radius:6px}.chart-pro .pro-ticket .tb-l{font-size:11px}.chart-pro .pro-ticket .tb-p{font-size:11px}.chart-pro .pro-ticket #pendingBtn{flex-basis:100%;min-height:30px}.chart-pro .pro-ticket #arenaPil{width:100%;font-size:11px;border-radius:6px;padding:7px 10px;justify-content:space-between}
.pro-bottom{grid-area:panel;min-height:0;display:flex;flex-direction:column;background:var(--surface);border-top:1px solid var(--hair);overflow:hidden}.pro-panel-bar{display:flex;align-items:center;gap:16px;padding:0 16px;min-height:39px;flex:none;white-space:nowrap;overflow:auto}.pro-panel-bar button,.pro-panel-bar a{font:500 11px var(--font);color:var(--ink-2);padding:8px 2px;text-decoration:none;min-height:34px}.pro-panel-bar>span{flex:1}.pro-panel-bar button.on,.pro-panel-bar button[aria-expanded=true]{color:var(--accent)}.chart-pro #posMenu[data-docked=true]{position:static!important;width:100%;max-height:none;min-height:0;flex:1;border:0;border-radius:0;background:var(--surface);box-shadow:none;overflow:auto;padding:0 2px}.chart-pro #posMenu[data-docked=true] .pm-tabs{display:none}.chart-pro #posMenu[data-docked=true]:not(.pro-stats-open) .pm-top,.chart-pro #posMenu[data-docked=true]:not(.pro-stats-open) .pm-hero,.chart-pro #posMenu[data-docked=true]:not(.pro-stats-open) .pm-wr,.chart-pro #posMenu[data-docked=true]:not(.pro-stats-open) .pm-mini{display:none}.chart-pro #posMenu[data-docked=true] .pm-isi{padding:0 12px 12px}.pro-status{grid-area:status;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:var(--panel);border-top:1px solid var(--hair);font-size:9px;color:var(--muted)}
#tfList .tf-star{font-size:16px;width:32px;height:32px;margin-left:auto;flex-shrink:0;border-radius:5px}#tfList .tf-star[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}#tfList .rm{margin-left:4px}.chart-pro button:focus-visible,.chart-pro a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:1000px){.chart-pro #app,.chart-pro #app.pro-panel-open{grid-template-rows:54px 46px minmax(0,1fr) 40px 26px;grid-template-areas:'pro pro pro' 'hdr hdr hdr' 'rail main side' 'rail panel side' 'status status status'}.pro-ticket,.pro-wl-columns{display:none}.pro-workspace{display:none}.pro-actions{margin-left:auto}.pro-stats{display:none}}
@media(max-width:640px){.chart-pro #app,.chart-pro #app.pro-panel-open{grid-template-rows:52px minmax(0,1fr);grid-template-columns:46px minmax(0,1fr) 0px;grid-template-areas:'hdr hdr hdr' 'rail main side'}.pro-head,.pro-bottom,.pro-status{display:none}.pro-bottom:has(#posMenu.show){display:contents}.chart-pro #app>header{padding:0 8px;gap:4px}.chart-pro #symBtn .sy{font-size:12px}.chart-pro #lgd{left:10px;top:12px}.chart-pro #lgd #heroPrice{font-size:20px}#tfList .tf-star,#tfList .rm{min-width:44px;min-height:44px}.chart-pro .tf-row button{font-size:11px}.chart-pro .wlrow .rm{opacity:1;min-width:36px}.chart-pro #rail{gap:2px;padding:8px 0}.pro-instrument{display:none}}

/* Native member theme also styles these controls; workspace choices win here. */
body.chart-pro #app #tfRow button.on{background:var(--accent-soft)!important;color:var(--accent)!important;box-shadow:none!important}
body.chart-pro #app #tfRow button.tf-highlight{box-shadow:inset 0 -2px var(--accent)!important}
body.chart-pro #app .pro-ticket .tb{box-shadow:none!important;border:0;font-weight:500}
body.chart-pro #app .pro-ticket .tb.jual{background:var(--down);color:white}
body.chart-pro #app .pro-ticket .tb.beli{background:var(--up);color:white}
@media(max-width:1000px){.pro-bottom{overflow:visible}}
@media(max-width:640px){.pro-panel-bar{display:none}}
@media(max-width:640px){.chart-pro header #indBtn{font-size:0;min-width:32px;width:32px;padding:6px;gap:0}}