/* Connection visibility defaults to closed, including before JavaScript initializes. */
[hidden], :is(#symbol-btn,[data-chart-id="symbol-btn"]) :is(#symbol-src,[data-chart-id="symbol-src"]) { display:none !important; }
html:not(.paper-connected) :is(#paper-toggle,[data-chart-id="paper-toggle"]), html:not(.paper-connected) :is(#paper-panel,[data-chart-id="paper-panel"]), html:not(.paper-connected) .paper-quick-trade, html:not(.paper-connected) :is(#order-sidebar,[data-chart-id="order-sidebar"]) { display:none !important; }
html:not(.paper-connected) .legend > .legend-row:first-child { margin-bottom:0; }
:is(#trade-split,[data-chart-id="trade-split"]) { display:inline-flex; flex:none; align-items:stretch; height:30px; border:1px solid var(--border); border-radius:999px; background:var(--bg); }
html.paper-connected :is(#trade-split,[data-chart-id="trade-split"]) { background:var(--panel); }
:is(#trade-split,[data-chart-id="trade-split"]) .tb-btn { height:100%; margin:0; border:0; border-radius:0; background:transparent; }
:is(#trade-split,[data-chart-id="trade-split"]) :is(#trade-btn,[data-chart-id="trade-btn"]) { border-radius:999px 0 0 999px; padding:0 9px; gap:5px; }
:is(#trade-split,[data-chart-id="trade-split"]) :is(#trade-btn,[data-chart-id="trade-btn"]):only-child, html:not(.paper-connected) :is(#trade-split,[data-chart-id="trade-split"]) :is(#trade-btn,[data-chart-id="trade-btn"]) { border-radius:999px; }
:is(#trade-split,[data-chart-id="trade-split"]) :is(#trade-caret,[data-chart-id="trade-caret"]) { position:relative; min-width:27px; padding:0 6px; border-radius:0 999px 999px 0; }
:is(#trade-caret,[data-chart-id="trade-caret"])::before { content:""; position:absolute; left:0; top:6px; bottom:6px; width:1px; background:var(--border); }
:is(#trade-caret,[data-chart-id="trade-caret"]) .caret { display:block; margin:0; }
@media(max-width:480px) {
  :is(#trade-split,[data-chart-id="trade-split"]) :is(#trade-btn,[data-chart-id="trade-btn"]) { padding:0 3px; gap:2px; }
  :is(#trade-split,[data-chart-id="trade-split"]) :is(#trade-caret,[data-chart-id="trade-caret"]) { min-width:24px; padding:0 4px; }
  :is(#trade-btn,[data-chart-id="trade-btn"]) > .icon { width:14px; height:14px; }
}
:is(#trade-split,[data-chart-id="trade-split"]) .tb-btn:hover, :is(#trade-split,[data-chart-id="trade-split"]) .tb-btn[aria-expanded=true] { background:var(--hover); }
:is(#trade-split,[data-chart-id="trade-split"]) .tb-btn:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.connection-chooser { background:var(--bg); color:var(--text); border:1px solid var(--border); border-radius:12px; padding:24px; width:420px; max-width:calc(100vw - 28px); }
.connection-chooser::backdrop { background:#0008; }
.connection-chooser h2 { margin:0 0 16px; font-size:20px; }
.connection-chooser p { color:var(--muted); line-height:1.6; font-size:13px; }
.connection-chooser button { padding:12px; border-radius:6px; }
.provider-choice { display:block; width:100%; text-align:left; border:1px solid var(--border); margin:12px 0; }
.provider-choice[data-provider=paper] { background:#2962ff; color:white; }
.provider-choice:disabled { color:var(--muted); cursor:default; }
.trading-menu { position:fixed; z-index:200; width:210px; padding:6px; background:var(--bg); color:var(--text); border:1px solid var(--border); box-shadow:0 8px 24px #0005; border-radius:7px; }
.trading-menu button { display:block; width:100%; text-align:left; padding:12px; }
.trading-menu button:hover { background:var(--hover); }
.trading-menu .trading-logout { color:#f23645; border-top:1px solid var(--border); }
:is(#order-sidebar,[data-chart-id="order-sidebar"]) { position:relative; flex:0 0 306px; width:306px; min-width:0; max-width:none; margin:0; padding:12px; border:0; border-left:1px solid var(--border); border-radius:0; background:var(--bg); color:var(--text); overflow:auto; font-size:13px; }
:is(#order-sidebar,[data-chart-id="order-sidebar"]) button { margin:0; font:inherit; cursor:pointer; }
:is(#order-sidebar,[data-chart-id="order-sidebar"]) button:disabled { cursor:default; opacity:.5; }
.order-heading { display:flex; align-items:center; justify-content:space-between; min-height:34px; gap:8px; margin-bottom:12px; }
:is(#order-sidebar,[data-chart-id="order-sidebar"]) .order-close { border:0; color:var(--muted); padding:4px; font-size:12px; }
.dock-tabs { display:flex; border-radius:7px; background:var(--hover); margin-bottom:16px; padding:3px; }
:is(#order-sidebar,[data-chart-id="order-sidebar"]) .dock-tabs button { flex:1; border:0; padding:7px 0; }
.dock-tabs [aria-selected=true] { background:var(--border); font-weight:600; }
.order-sides { display:flex; border-radius:7px; overflow:hidden; background:var(--hover); }
:is(#order-sidebar,[data-chart-id="order-sidebar"]) .order-sides button { flex:1; border:0; border-radius:0; padding:12px 8px; font-variant-numeric:tabular-nums; text-align:left; white-space:normal; }
:is(#order-sidebar,[data-chart-id="order-sidebar"]) .dock-sell { color:#f23645; }
:is(#order-sidebar,[data-chart-id="order-sidebar"]) .dock-buy { color:#2962ff; text-align:right; }
:is(#order-sidebar,[data-chart-id="order-sidebar"])[data-side=sell] .dock-sell { background:#f236453d; }
:is(#order-sidebar,[data-chart-id="order-sidebar"])[data-side=buy] .dock-buy { background:#2962ff4d; }
.dock-quote-label { color:var(--muted); font-size:10px; margin:6px 0 14px; text-align:center; }
.order-type-tabs { display:flex; border-bottom:2px solid var(--border); }
:is(#order-sidebar,[data-chart-id="order-sidebar"]) .order-type-tabs button { flex:1; border:0; border-radius:0; padding:10px; color:var(--muted); }
:is(#order-sidebar,[data-chart-id="order-sidebar"]) .order-type-tabs [aria-selected=true] { color:var(--text); box-shadow:0 2px var(--text); }
:is(#order-sidebar,[data-chart-id="order-sidebar"]) label { display:block; margin:18px 0; color:var(--muted); }
:is(#order-sidebar,[data-chart-id="order-sidebar"]) input { width:100%; min-width:0; padding:10px; border:1px solid var(--border); border-radius:6px; margin-top:7px; font:inherit; color:var(--text); background:var(--bg); }
:is(#order-sidebar,[data-chart-id="order-sidebar"]) .paper-order-controls { display:block; }
:is(#order-sidebar,[data-chart-id="order-sidebar"]) select { display:none; }
.order-available { margin:20px 0 8px; padding:12px; background:var(--hover); border-radius:7px; font-variant-numeric:tabular-nums; }
.order-scope { color:var(--muted); line-height:1.6; font-size:11px; }
:is(#order-sidebar,[data-chart-id="order-sidebar"]) .paper-oc { padding:4px 8px; height:auto; font-size:11px; }
.paper-status { font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
:is(#order-sidebar,[data-chart-id="order-sidebar"]) .order-submit { display:block; width:100%; min-height:54px; margin-top:24px; padding:12px; border:0; border-radius:10px; background:#2962ff; color:white; font-weight:600; line-height:1.5; }
:is(#order-sidebar,[data-chart-id="order-sidebar"])[data-side=sell] .order-submit { background:#f23645; }
.depth-source, .depth-status { color:var(--muted); font-size:11px; line-height:1.6; }
.depth-book h4 { font-size:11px; color:var(--muted); font-weight:400; margin:12px 0 6px; }
:is(#order-sidebar,[data-chart-id="order-sidebar"]) .depth-level { display:flex; justify-content:space-between; width:100%; border:0; padding:4px 6px; border-radius:0; font-size:12px; font-variant-numeric:tabular-nums; }
.depth-asks .depth-level { color:#f23645; }
.depth-bids .depth-level { color:#2962ff; }
.depth-level:hover { background:var(--hover); }
:is(#paper-panel,[data-chart-id="paper-panel"]) .paper-head { border:0; min-height:22px; height:22px; }
:is(#paper-panel,[data-chart-id="paper-panel"]) .paper-resize { background:transparent; height:3px; flex-basis:3px; }
:is(#paper-panel,[data-chart-id="paper-panel"]) .paper-resize:hover { background:var(--border); }
:is(#paper-panel,[data-chart-id="paper-panel"]) .paper-tabs { border:0; }
:is(#paper-panel,[data-chart-id="paper-panel"]) .paper-tabs button { border:0; box-shadow:none; }
:is(#paper-panel,[data-chart-id="paper-panel"]) .paper-empty { padding:28px 12px; }
.paper-summary { padding-top:2px; }
:is(#paper-toggle,[data-chart-id="paper-toggle"]) { font-size:12px; }
@media(max-width:600px) {
  :is(#order-sidebar,[data-chart-id="order-sidebar"]) { flex-basis:calc(100vw - 44px); width:calc(100vw - 44px); padding:12px; }
  html.order-sidebar-open :is(#center,[data-chart-id="center"]) { display:none; }
  html.order-sidebar-open :is(#right-rail,[data-chart-id="right-rail"]) { display:none; }
  :is(#paper-panel,[data-chart-id="paper-panel"]) .paper-body { max-width:100%; overflow-x:auto; }
}
.order-sides, .dock-tabs, .order-available { background:var(--panel); }
:is(#order-sidebar,[data-chart-id="order-sidebar"]) .order-sides button span, :is(#order-sidebar,[data-chart-id="order-sidebar"]) .order-sides button strong { display:block; }
:is(#order-sidebar,[data-chart-id="order-sidebar"]) .order-sides button strong { margin-top:4px; font-size:14px; font-weight:500; }
.paper-protection { display:inline-block; margin-left:12px; }
.paper-protection summary { cursor:pointer; color:var(--muted); }
.quote-state { max-width:55px; word-break:keep-all; }
.paper-account-row { display:flex; align-items:center; flex:0 0 auto; overflow-x:auto; padding:8px 0; }
:is(#paper-panel,[data-chart-id="paper-panel"]) .paper-head { flex:0 0 auto; }
:is(#paper-panel,[data-chart-id="paper-panel"]) .paper-fold { display:none; }
:is(#paper-panel,[data-chart-id="paper-panel"]) .paper-account { font-size:12px; }
.paper-account-row .paper-summary { margin-left:auto; overflow:visible; }
@media(max-width:600px) {
  .paper-account-row { display:block; padding:4px 0; }
  .paper-account-row .paper-summary { overflow-x:auto; }
  .paper-quick-controls { flex-wrap:nowrap; }
  .quote-state { max-width:40px; font-size:8px; }
}