/* Loaded last so legacy page rules cannot override the requested UI. */
[role="separator"].ck-pill-splitter{overflow:visible!important;position:relative!important;z-index:20!important;background:transparent!important;border:0!important;box-shadow:none!important;touch-action:none!important}
[role="separator"].ck-pill-splitter[aria-orientation="vertical"]{width:12px!important;min-width:12px!important;max-width:12px!important;cursor:col-resize!important}
[role="separator"].ck-pill-splitter[aria-orientation="vertical"]::after{content:""!important;position:absolute!important;z-index:1!important;inset:0 auto 0 50%!important;width:2px!important;height:auto!important;transform:translateX(-50%)!important;background:#284565!important;box-shadow:none!important}
[role="separator"].ck-pill-splitter>span{position:absolute!important;z-index:3!important;left:50%!important;top:50%!important;margin:0!important;padding:0!important;transform:translate(-50%,-50%)!important;display:grid!important;place-items:center!important;border:1px solid #55a8ff!important;border-radius:999px!important;background:#0b1628!important;color:#fff!important;box-shadow:0 2px 8px #0009!important;font-size:0!important;line-height:1!important}
[role="separator"].ck-pill-splitter[aria-orientation="vertical"]>span{width:20px!important;min-width:20px!important;max-width:20px!important;height:48px!important;min-height:48px!important}
[role="separator"].ck-pill-splitter[aria-orientation="horizontal"]>span{width:208px!important;min-width:208px!important;max-width:calc(100vw - 44px)!important;height:20px!important;min-height:20px!important}
[role="separator"].ck-pill-splitter>span::after{content:"⋮"!important;font-size:11px!important;line-height:1!important}
[role="separator"].ck-pill-splitter[aria-orientation="horizontal"]{height:28px!important;min-height:28px!important;width:100%!important;cursor:row-resize!important}
[role="separator"].ck-pill-splitter[aria-orientation="horizontal"]::after{content:""!important;position:absolute!important;z-index:1!important;inset:50% 0 auto 0!important;width:auto!important;height:2px!important;transform:translateY(-50%)!important;background:#284565!important;box-shadow:none!important}
[role="separator"].ck-pill-splitter:hover>span,[role="separator"].ck-pill-splitter.dragging>span{border-color:#77c5ff!important;background:#10243d!important;box-shadow:0 0 10px #55a8ff99!important}
.backtester-mobile-splitter{display:none!important}
/* Backtester desktop splitters are absolute panel boundaries, not grid content. */
body.backtester-fit.embedded .replay-page>.layout-resizer.ck-pill-splitter{position:absolute!important;margin:0!important;transform:none!important}
body.backtester-fit.embedded .replay-page>.column-resizer.ck-pill-splitter{top:0!important;bottom:0!important;width:12px!important;min-width:12px!important;max-width:12px!important;height:auto!important;min-height:0!important}
body.backtester-fit.embedded .replay-page>.trade-resizer.ck-pill-splitter{height:20px!important;min-height:20px!important;width:auto!important}
body.backtester-fit.embedded .replay-page>.layout-resizer.ck-pill-splitter>span{display:none!important}
#replayTradesTabPanel .paper-datatable-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;min-height:46px!important;padding:7px 10px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--line)!important;background:var(--panel)!important;color:var(--ink)!important;font-size:12px!important}
#replayTradesTabPanel .paper-datatable-toolbar label{display:flex!important;align-items:center!important;gap:7px!important}#replayTradesTabPanel .paper-datatable-toolbar select,#replayTradesTabPanel .paper-datatable-toolbar input{height:30px!important;padding:4px 8px!important;border:1px solid var(--line)!important;border-radius:2px!important;background:var(--bg)!important;color:var(--ink)!important;font-size:12px!important}#replayTradesTabPanel .paper-table-search{margin-left:auto!important}#replayTradesTabPanel .paper-table-search input{width:175px!important}
#replayTradesTabPanel .paper-datatable{border-collapse:collapse!important;width:100%!important}#replayTradesTabPanel .paper-datatable th,#replayTradesTabPanel .paper-datatable td{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;padding:8px 10px!important}#replayTradesTabPanel .paper-datatable th{position:sticky!important;top:0!important;z-index:2!important;background:var(--surface)!important;color:var(--ink)!important;font-weight:900!important;text-align:left!important}#replayTradesTabPanel .paper-datatable tbody tr:nth-child(odd){background:var(--panel)!important}#replayTradesTabPanel .paper-datatable tbody tr:nth-child(even){background:color-mix(in srgb,var(--surface) 82%,var(--panel))!important}
#replayTradesTabPanel .paper-datatable-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:42px!important;padding:6px 10px!important;border-top:1px solid var(--line)!important;background:var(--panel)!important;color:var(--ink)!important;font-size:11px!important}#replayTradesTabPanel .paper-datatable-footer nav{display:flex!important;align-items:center!important;gap:3px!important}#replayTradesTabPanel .paper-datatable-footer button,#replayTradesTabPanel .paper-datatable-footer b{height:29px!important;min-width:32px!important;padding:4px 9px!important;display:grid!important;place-items:center!important;border:1px solid var(--line)!important;border-radius:2px!important;background:var(--surface)!important;color:var(--ink)!important}#replayTradesTabPanel .paper-datatable-footer b{border-color:#3a91cf!important;background:#2a82bc!important;color:#fff!important}
@media(max-width:900px){body .replay-page>.layout-resizer{display:none!important}.backtester-mobile-splitter.mobile-touch-splitter{display:flex!important;position:relative!important;inset:auto!important;width:100%!important;height:28px!important;margin:5px 0!important}.backtester-mobile-splitter+ .replay-workspace,.backtester-mobile-splitter+ .replay-pnl{min-height:260px!important}}
@media(max-width:700px){#replayTradesTabPanel .paper-datatable-toolbar{align-items:stretch!important;flex-direction:column!important;gap:7px!important}#replayTradesTabPanel .paper-table-search{width:100%!important;margin:0!important;justify-content:space-between!important}#replayTradesTabPanel .paper-table-search input{flex:1!important;width:auto!important}#replayTradesTabPanel .paper-datatable-footer{align-items:flex-start!important;flex-direction:column!important}}

/* Mobile uses the Controls panel as an overlay; desktop permanent split-pane is unchanged. */
@media(max-width:900px){
  html,body{max-width:100vw!important;overflow-x:hidden!important}
  body.backtester-fit.embedded .replay-page{width:100%!important;max-width:100vw!important;margin-left:0!important;padding-left:5px!important;padding-right:5px!important;box-sizing:border-box!important}
  body.backtester-fit.embedded .replay-setup{position:fixed!important;z-index:108!important;left:0!important;top:0!important;bottom:0!important;width:min(88vw,390px)!important;max-width:min(88vw,390px)!important;height:100vh!important;transform:translateX(-103%)!important;transition:transform .22s ease!important;box-shadow:18px 0 42px #000c!important}
  body.backtester-fit.embedded.control-drawer-open .replay-setup{transform:translateX(0)!important}
  body.backtester-fit.embedded .control-drawer-toggle{display:flex!important;left:0!important}
  body.backtester-fit.embedded.control-drawer-open .control-drawer-toggle{left:min(88vw,390px)!important}
  body.backtester-fit.embedded .control-drawer-close{display:block!important}
  body.backtester-fit.embedded .control-drawer-backdrop:not([hidden]){display:block!important}
  body.backtester-fit.embedded .backtester-mobile-splitter.mobile-touch-splitter{box-sizing:border-box!important;width:100%!important;max-width:100%!important}
  body:not(.backtester-fit) main,body:not(.backtester-fit) .workspace-grid{width:100%!important;max-width:100vw!important;min-width:0!important;box-sizing:border-box!important}
  body:not(.backtester-fit) .workspace-grid>section{min-width:0!important}
  body:not(.backtester-fit) .workspace-grid .pnl-wrap,body:not(.backtester-fit) .option-table-wrap{overflow:auto!important}
}

/* Live control drawer must reserve the same workspace column used by Backtester. */
body.live-control-drawer-ready:not(.backtester-fit)>main{margin-left:var(--live-control-width)!important;width:calc(100% - var(--live-control-width) - 10px)!important;max-width:none!important}
/* Live and Backtester table readability: every visible table label is 15px. */
body table,
body table *{font-size:15px!important}