/* Approved market-observation homepage. Scoped to the workbench route. */
/* Personal watch feed: item first, account identity second, quantities aligned. */
#wlSection{--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;border:0;background:var(--card);border-radius:10px;margin-top:28px!important}
#wlSection>.panel-head{padding:22px 24px 14px;background:transparent;border:0}
#wlSection>.panel-head .panel-title{font-size:21px;font-weight:700}
#wlSection>.panel-head .panel-title:before{display:none}
#wlSection>.panel-body{padding:0 24px 22px}
#wlSection .wlSummary{display:flex;align-items:center;gap:32px;background:transparent;border:0;border-bottom:1px solid var(--bd);border-radius:0;padding:8px 0 20px;margin:0}
#wlSection .wlSummaryCell{display:flex;align-items:baseline;gap:12px;padding:0;border:0;text-decoration:none;color:var(--tx)}
#wlSection .wlSummaryCell .k{font-size:13px;color:var(--mut)}
#wlSection .wlSummaryCell .v{font:600 23px/1.2 var(--sans);font-variant-numeric:tabular-nums}
#wlSection .wlSummaryCell.action{margin-left:auto}
#wlSection .wlSummaryCell.action a{text-decoration:none}
#wlSection .wlHomeRecent,#wlSection .wlActivityLayer{border:0;border-radius:0;background:transparent}
#wlSection .wlMiniList{max-height:640px;overflow:auto;scrollbar-gutter:stable}
#wlSection .wlActivityHead{position:sticky;top:0;z-index:2;background:var(--card);padding:18px 0;border-bottom:1px solid var(--bd);gap:12px}
#wlSection .wlLayerTitle{font-size:15px}
#wlSection .wlLayerNote{font-size:12px;margin-top:4px}
#wlSection .wlActivitySwitch{gap:6px;flex-wrap:wrap}
#wlSection .wlActivitySwitch button{font-family:inherit;min-height:36px;cursor:pointer}
#wlSection .wlActivityRow{display:grid;grid-template-columns:72px minmax(0,1fr) 112px;gap:18px;align-items:center;padding:16px 4px;min-height:108px;border-bottom:1px solid var(--bd);color:var(--tx)}
#wlSection .wlActivityRow.pos,#wlSection .wlActivityRow.neg{background:transparent}
#wlSection .wlActivityRow:hover{background:var(--card2)}
#wlSection .homeWatchItem{position:relative;display:grid;place-items:center;width:72px;height:64px;border-radius:6px;background:var(--card2);color:var(--mut);overflow:hidden}
#wlSection .homeWatchItem img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--card2)}
#wlSection .homeWatchCopy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:6px}
#wlSection .homeWatchAccount{display:flex;align-items:center;gap:7px;max-width:100%;font-size:12px;line-height:1.5}
#wlSection .homeWatchAccount>a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mut);font-weight:500}
#wlSection .homeWatchAvatar{flex:0 0 22px;width:22px;height:22px}
#wlSection .homeWatchAvatar .wlThumb{width:22px;height:22px;border:0;border-radius:50%;font-size:10px}
#wlSection .homeWatchName{font-size:15px;font-weight:600;line-height:1.5;color:var(--tx);overflow-wrap:anywhere}
#wlSection .homeWatchCopy .wlSignal{font-size:11px;padding:1px 7px;line-height:1.7;border-radius:4px}
#wlSection .homeWatchNumbers{text-align:right;align-self:center;font-variant-numeric:tabular-nums}
#wlSection .homeWatchNumbers .delta{font:600 22px/1.4 var(--sans)}
#wlSection .homeWatchNumbers small{font:400 11px var(--sans);color:var(--mut)}
#wlSection .homeWatchNumbers time{display:block;font-size:12px;color:var(--mut);margin-top:7px}
#wlSection .homeWatchError{padding:14px 0;color:var(--gold);font-size:13px}
#wlSection a:focus-visible,#wlSection button:focus-visible,#wlSection .homeWatchRow:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:760px){
 #wlSection>.panel-head{padding:18px 14px 10px}
 #wlSection>.panel-body{padding:0 14px 14px}
 #wlSection>.panel-head .panel-title{font-size:19px}
 #wlSection .wlSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}
 #wlSection .wlSummaryCell{flex-direction:column;gap:6px}
 #wlSection .wlSummaryCell .k{font-size:11px}
 #wlSection .wlSummaryCell.action{grid-column:1/-1;margin:0;align-items:stretch}
 #wlSection .wlSummaryCell.action a{text-align:center}
 #wlSection .wlActivityHead{align-items:flex-start;flex-direction:column;padding:14px 0}
 #wlSection .wlActivitySwitch button{min-height:40px}
 #wlSection .wlActivityRow{grid-template-columns:48px minmax(0,1fr) 66px;gap:10px;padding:14px 0}
 #wlSection .homeWatchItem{width:48px;height:48px}
 #wlSection .homeWatchName{font-size:13px}
 #wlSection .homeWatchNumbers .delta{font-size:18px;overflow-wrap:anywhere}
 #wlSection .homeWatchNumbers time{font-size:10px}
 #wlSection .homeWatchAccount{font-size:11px}
}
body:has(.workbench){background:#0c0f14}
html[data-theme="light"] body:has(.workbench){background:#f6f7f9}
body:has(.workbench) .side{background:#10141b}
html[data-theme="light"] body:has(.workbench) .side{background:#fff}
body:has(.workbench) .navitem{border-color:transparent;border-radius:6px;margin:3px 0}
body:has(.workbench) .navitem.on{background:var(--card2);border-color:transparent}
.workbench{--wb-ink:#e9edf3;--wb-muted:#a5adb9;--wb-line:#29303b;--wb-surface:#141922;--wb-soft:#1a222e;max-width:1800px;margin:auto}
html[data-theme="light"] .workbench{--wb-ink:#192333;--wb-muted:#596575;--wb-line:#dfe5ec;--wb-surface:#fff;--wb-soft:#edf2f8}
.workbench [hidden]{display:none!important}
.workbench .homePageHeading{margin:24px 0 22px}
.workbench .homePageHeading h1{font-size:28px;font-weight:650;letter-spacing:-.6px}
.workbench .homePageHeading p{font-size:13px;margin-top:8px;color:var(--wb-muted)}
.workbench .home-search input{background:var(--wb-surface);border-color:var(--wb-line);height:42px}
.workbench .home-search button{height:42px}
.workbench .wbMetricBand{display:flex;align-items:center;border-top:1px solid var(--wb-line);border-bottom:1px solid var(--wb-line);padding:16px 0;margin-bottom:28px;gap:18px}
.workbench .wbMetricBand .marketStatsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;flex:1;min-width:0;border:0;margin:0;padding:0}
html[data-theme] .workbench .wbMetricBand .marketStat{display:none;background:none;box-shadow:none;min-height:0;padding:0;border:0}
html[data-theme] .workbench .wbMetricBand .marketStat:nth-child(1){display:block;order:1}
html[data-theme] .workbench .wbMetricBand .marketStat:nth-child(2){display:block;order:2}
html[data-theme] .workbench .wbMetricBand .marketStat:nth-child(4){display:block;order:4}
html[data-theme] .workbench .wbMetricBand .marketStat:nth-child(7){display:block;order:3}
html[data-theme] .workbench .wbMetricBand.is-expanded .marketStat{display:block;order:initial}
.workbench .wbMetricBand .marketStat .k{font-size:11.5px;font-weight:400}
.workbench .wbMetricBand .marketStat .v{font-size:20px;font-family:inherit;font-weight:600;letter-spacing:-.4px;margin-top:6px}
.workbench .wbMetricBand .marketStat .s{display:none}
.workbench .wbMetricBand.is-expanded .marketStat .s{display:block}
.workbench .wbMoreMetrics{background:none;border:0;padding:8px 0;color:var(--wb-muted);font-size:11px;white-space:nowrap;cursor:pointer}
.workbench .wbStage{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:28px;align-items:stretch}
.workbench .wbObservation{min-width:0;background:var(--wb-surface);padding:22px 24px;border-radius:8px}
.workbench .wbSectionHead{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.workbench h2{margin:0;color:var(--wb-ink);font-size:19px;font-weight:650;letter-spacing:-.2px}
.workbench .wbSignalCount{color:var(--wb-muted);font-size:11px}
html[data-theme] .workbench #todayFocus{margin:16px 0 22px;padding:0;border:0;gap:6px;background:none}
html[data-theme] .workbench #todayFocus .focusChip{font-family:inherit;font-size:11.5px;line-height:1.4;padding:6px 10px;border-color:var(--wb-line);color:var(--wb-muted);background:transparent;cursor:pointer;min-height:30px}
html[data-theme] .workbench #todayFocus .focusChip[aria-pressed=true]{background:var(--wb-ink);border-color:var(--wb-ink);color:var(--wb-surface)}
.workbench #todayFocus .focusChip::before{display:none}
.workbench .wbSpotlight{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,30%);gap:12px;align-items:center;min-height:236px}
.workbench .wbSignal{font-size:12px;font-weight:600;margin-bottom:12px}
.workbench .wbSpotlight h3{font-size:24px;line-height:1.4;font-weight:600;letter-spacing:-.4px;color:var(--wb-ink);margin:0 0 16px;overflow-wrap:anywhere}
.workbench .wbSignalValue{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.workbench .wbSignalValue b{font-size:28px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.6px}
.workbench .wbSignalValue span{font-size:11px;color:var(--wb-muted)}
.workbench .wbSpotCopy p{font-size:11.5px;line-height:1.6;color:var(--wb-muted);max-width:45ch;margin:12px 0 18px}
.workbench .wbDetailLink{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;color:var(--wb-ink);font-size:12px;font-weight:550;border-bottom:1px solid var(--wb-ink);padding-bottom:6px}
.workbench .wbDetailLink:hover{color:var(--blue);border-color:var(--blue)}
.workbench .wbSpotArt{display:flex;align-items:center;justify-content:center;min-width:0;min-height:150px}
.workbench .wbSpotArt img{width:100%;max-height:190px;object-fit:contain}
.workbench .wbSpotArt img.wbAccountAvatar{width:min(100%,160px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px}
.workbench .wbSpotArt>span{color:var(--wb-muted);font-size:15px}
.workbench .wbFocusEmpty{grid-column:1/-1;padding:32px 0;color:var(--wb-muted);line-height:1.8}
.workbench .wbRetry{display:block;margin-top:14px}
.workbench .wbMarketDock{--dock-bg:#19212c;--dock-ink:#edf2f8;--dock-muted:#b0bccb;--dock-grid:#34404e;--dock-curve:#d7e2f0;--dock-up:#fa8b92;--dock-down:#6bd599;background:var(--dock-bg);border-radius:8px;padding:22px;color:var(--dock-ink);min-width:0;display:flex;flex-direction:column}
html[data-theme="light"] .workbench .wbMarketDock{--dock-bg:#fff;--dock-ink:#192333;--dock-muted:#596575;--dock-grid:#dfe5ec;--dock-curve:#526b8a;--dock-up:#c52d43;--dock-down:#148044}
.workbench .wbDockHead{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.workbench .wbDockHead h2{font-size:14px;color:var(--dock-ink)}
.workbench .wbDockHead>span{font-size:10.5px;color:var(--dock-muted)}
.workbench .wbMarketDock #marketIndexBox{padding:20px 0 8px!important;background:none;box-shadow:none;display:block}
.workbench .wbMarketDock .marketLabel{display:none}
.workbench .wbMarketDock .marketIndexValue{font-size:32px;font-family:inherit;letter-spacing:-.6px;color:var(--dock-ink);line-height:1.2;margin:0 0 8px}
.workbench .wbMarketDock .marketIndexDelta{font-family:inherit;font-size:12px;font-weight:500}
html[data-theme] .workbench .wbMarketDock .pos{color:var(--dock-up)}
html[data-theme] .workbench .wbMarketDock .neg{color:var(--dock-down)}
html[data-theme] .workbench .wbMarketDock .marketChartCard{padding:0;border:0!important;background:none;box-shadow:none;margin-top:auto}
.workbench .wbMarketDock .marketChartHead{display:none}
.workbench .wbMarketDock .marketSparkBox{height:146px;margin-top:16px}
.workbench .wbMarketDock .marketSparkFrame{grid-template-columns:minmax(0,1fr) 48px;column-gap:8px;row-gap:4px;grid-template-rows:minmax(0,1fr) 22px}
.workbench .wbMarketDock .marketXAxis,.workbench .wbMarketDock .marketYAxis{font-size:10.5px;color:var(--dock-muted)}
.workbench .wbMarketDock .marketXAxis span:nth-child(2):not(:last-child){display:none}
html[data-theme] .workbench .wbMarketDock .marketLine{stroke:var(--dock-curve);stroke-width:1.6}
html[data-theme] .workbench .wbMarketDock .marketGrid line{stroke:var(--dock-grid)!important}
html[data-theme] .workbench .wbMarketDock .marketArea{fill:var(--dock-curve);fill-opacity:.045}
.workbench .wbMarketDock .marketLastPoint{background:var(--dock-curve)}
.workbench .wbMarketDock .marketSparkEmpty{color:var(--dock-muted)}
.workbench .wbDockNote{color:var(--dock-muted);font-size:10.5px;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--dock-grid)}
html[data-theme] .workbench .wbDisclaimer{padding:14px 0 0;margin:0;gap:8px}
.workbench .wbDisclaimer .terminalPill{display:none}
.workbench .wbDisclaimer .terminalLive b,.workbench .wbDisclaimer .terminalFreshness{font-size:10.5px;color:var(--wb-muted)}
.workbench .wbResearch{margin-top:30px}
.workbench .wbResearchBody{min-height:560px;overflow-anchor:none}
.workbench .wbFocusAccounts{grid-column:1/-1;border-top:1px solid var(--wb-line);padding-top:14px;margin-top:8px;min-width:0}
.workbench .wbAccountsHeading{font-size:13px;font-weight:600;color:var(--wb-ink)}
.workbench .wbAccountsHeading>span{display:inline-block;font-size:11px;font-weight:400;color:var(--wb-muted);margin-left:8px}
.workbench .wbFocusAccounts ol{list-style:none;counter-reset:focus-account;padding:0;margin:8px 0 0}
.workbench .wbFocusAccounts li{counter-increment:focus-account}
.workbench .wbFocusAccounts a{display:flex;align-items:center;gap:10px;padding:9px 0;color:var(--wb-ink);text-decoration:none;font-size:13px}
.workbench .wbFocusAccounts a:before{content:counter(focus-account);width:12px;color:var(--wb-muted);font-variant-numeric:tabular-nums}
.workbench .wbFocusAccounts a:hover .wbFocusAccountName{text-decoration:underline}
.workbench .wbFocusAvatar{position:relative;display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;background:var(--card2);border-radius:50%;overflow:hidden;color:var(--wb-muted)}
.workbench .wbFocusAvatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.workbench .wbFocusAccountName{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.workbench .wbFocusAccounts b{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--grn)}
.workbench .wbResearchHeading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}
.workbench .wbResearchHeading h2{font-size:21px}
.workbench .wbResearchHeading p{font-size:12px;color:var(--wb-muted);margin:6px 0 0}
.workbench .wbResearchHeading>a{font-size:12px;color:var(--wb-muted)}
.workbench .wbTabs{display:flex;gap:24px;border-bottom:1px solid var(--wb-line);overflow:auto;padding:0 4px}
.workbench .wbTabs button{border:0;border-bottom:2px solid transparent;background:none;border-radius:0;box-shadow:none;white-space:nowrap;padding:12px 0;font-size:13px;color:var(--wb-muted);font-weight:500;cursor:pointer}
.workbench .wbTabs button[aria-selected=true]{border-bottom-color:var(--wb-ink);color:var(--wb-ink);font-weight:650}
.workbench .wbTabs button:hover{color:var(--wb-ink)}
.workbench button:focus-visible,.workbench a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
html[data-theme] .workbench .wbResearch .homeRankPanel{border:0;border-radius:0 0 8px 8px;background:var(--wb-surface);box-shadow:none}
.workbench .wbResearch .homeRankPanel .panel-head{padding:18px 16px;min-height:0;border:0;background:none}
.workbench .wbResearch .homeRankPanel .panel-title{font-size:13px}
.workbench .wbResearch .homeRankPanel .panel-note{font-size:11px}
.workbench .wbResearch .homeFoldBtn{display:none}
.workbench .wbResearch .homeRankPanel .panel-body{padding:0 12px 12px}
.workbench .wbResearch .homeRankTable{max-height:510px!important}
.workbench .wbResearch .homeRankTable td{font-size:12.5px}
.workbench .wbResearch .pnlStaleCallout{margin-top:0}
.workbench .wbResearch .homeRankFlowList{max-height:480px}
.workbench .wbResearch .rotbar,.workbench .wbResearch #catbar{padding:14px 8px}
@media(min-width:1700px){
 .workbench .wbStage{grid-template-columns:minmax(0,2fr) minmax(340px,1fr)}
 .workbench .wbSpotlight{grid-template-columns:minmax(0,1fr) 240px;min-height:236px}
 .workbench .wbSpotArt img{max-height:210px}
}
@media(max-width:1100px){
 .workbench .wbStage{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:16px}
 .workbench .wbObservation{padding:20px}
 .workbench .wbSpotlight h3{font-size:21px}
 .workbench .wbSignalValue b{font-size:24px}
 .workbench .wbSpotlight{grid-template-columns:minmax(0,1fr) 90px}
 .workbench .wbMarketDock{padding:20px 16px}
}
@media(max-width:760px){
 .workbench .homePageHeading{margin:20px 0}
 .workbench .homePageHeading h1{font-size:26px}
 .workbench .homePageHeading p{font-size:12px}
 .workbench .wbMetricBand{align-items:flex-start;gap:8px;position:relative;padding:16px 0 36px;margin-bottom:20px}
 .workbench .wbMetricBand .marketStatsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
 .workbench .wbMoreMetrics{position:absolute;bottom:0;right:0;min-height:32px}
 .workbench .wbStage{grid-template-columns:1fr;gap:16px}
 .workbench .wbObservation{padding:18px 16px}
 .workbench .wbSignalCount{font-size:10px}
 .workbench .wbSpotlight{grid-template-columns:minmax(0,1fr) 90px;min-height:220px}
 .workbench .wbSpotlight h3{font-size:20px}
 .workbench .wbSpotCopy p{font-size:11px}
 html[data-theme] .workbench #todayFocus{gap:6px;margin-bottom:18px}
 html[data-theme] .workbench #todayFocus .focusChip{min-height:36px;padding:8px 10px}
 .workbench .wbMarketDock{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:18px}
 .workbench .wbDockHead{grid-column:1/-1}
 .workbench .wbMarketDock #marketIndexBox{padding:16px 0!important}
 .workbench .wbMarketDock .marketIndexValue{font-size:29px}
 .workbench .wbMarketDock .marketIndexDelta{font-size:11px;line-height:1.5}
 .workbench .wbMarketDock .marketChartCard{grid-column:1/-1;margin-top:0}
 .workbench .wbMarketDock .marketSparkBox{height:130px;margin-top:0}
 .workbench .wbDockNote{grid-column:1/-1}
 .workbench .wbResearch{margin-top:24px}
 .workbench .wbTabs{gap:22px}
 .workbench .wbTabs button{padding:13px 0;min-height:44px;font-size:12px}
 .workbench .wbResearchHeading h2{font-size:20px}
 .workbench .wbResearchHeading p{font-size:11px}
 .workbench .wbResearch .homeRankPanel .panel-head{padding:14px 10px}
 .workbench .wbResearch .homeRankPanel .panel-body{padding:0 6px 10px}
}