html,body{touch-action:pan-x pan-y;overflow-x:clip;overflow-y:visible}
#header{position:sticky;top:0;z-index:80;background:var(--bg);padding:8px 20px;border-bottom:1px solid var(--line)}
#header .title-row{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
#header .tabs{margin:0;padding:0;border:1px solid var(--line);border-radius:8px;gap:2px}
#header .tab{min-height:36px;padding:6px 16px;border-radius:6px}
#header .workspace-toggle{min-height:36px;padding:7px 14px;border:0;border-radius:7px;background:transparent;color:var(--text);font-size:13px;white-space:nowrap}
#header .workspace-toggle[aria-pressed="true"]{background:var(--blue);color:#fff}
.header-tools{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.header-summary{padding:10px 20px!important;margin:0!important;overflow-x:auto;background:var(--panel)}
.workspace-menu{position:relative;font-size:12px;white-space:nowrap}
.workspace-menu summary{cursor:pointer;list-style:none;border:1px solid var(--line);padding:8px 10px;border-radius:6px;min-height:34px}
.workspace-menu-items{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;display:grid;gap:6px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px #0004}
.workspace-menu-items button{text-align:left;width:100%}
#stockRecords{scroll-margin-top:100px;border-top:1px solid var(--line)}
#technicalPanels #stockRecords{grid-column:1/-1;order:2;min-width:0}
#technicalPanels #stockRecords .records-wrap{padding:16px 0}
#technicalPanels .technical-card:not(.flow-card):not(.tape-card){order:3}
body.records-active .header-summary{display:none!important}
#stockRecords[hidden]{display:none!important}
#stockRecords .records-grid{display:grid;grid-template-columns:1fr;gap:16px}
.portfolio-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 20px}
.portfolio-summary>div{border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--panel)}
.portfolio-summary small{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}
.portfolio-summary strong{font-size:17px}
.portfolio-stock{border:0;background:transparent;padding:0;text-align:left;color:var(--text)}
.portfolio-stock small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.portfolio-completed{margin-top:24px}
#portfolioRecords .table-shell{max-height:none}
#chart,#minuteChart,.measuring #chart{touch-action:none!important}
@media(max-width:760px){
 #header{padding:6px 10px;padding-top:max(6px,env(safe-area-inset-top));}
 #header .title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px}
 #header .stock-picker{grid-column:1;grid-row:1;min-width:0;display:block}
 #header .stock-switcher{width:100%;min-height:40px;padding:6px 8px}
 #header .desktop-stock-title{display:none}
 #header .tabs{grid-column:2;grid-row:1;align-self:center}
 #header .tab{padding:6px 13px;min-height:36px}
 #header .header-tools{grid-column:1/-1;grid-row:2;justify-content:flex-end;width:100%;gap:6px;margin:0}
 #header .stock-menu{position:absolute;top:calc(100% + 6px);left:0;width:min(340px,calc(100vw - 20px));max-height:65vh;overflow:auto;z-index:90}
 .header-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 10px!important;gap:8px!important}
 .header-summary>span:not(.summary-title){display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:35px}
 .header-summary .value{font-size:12px;max-width:100%}.header-summary .label{font-size:10px;white-space:nowrap}
 #header .theme-control select{max-width:92px;font-size:12px}
 .portfolio-summary{gap:6px}.portfolio-summary>div{padding:9px 7px}.portfolio-summary strong{font-size:13px}
 #toolbar{gap:6px;padding-top:8px}.measure-tools{width:100%;overflow:auto;flex-wrap:nowrap;padding-bottom:4px}
 #stockRecords{scroll-margin-top:115px}.records-actions{gap:6px;flex-wrap:wrap}
 #portfolioRecords table,#portfolioRecords tbody{display:block;min-width:0;width:100%}
 #portfolioRecords thead{display:none}
 #portfolioRecords tbody tr{display:grid!important;grid-template-columns:1fr 1fr;margin:0;padding:12px;gap:12px;border-bottom:1px solid var(--line)}
 #portfolioRecords tbody td{display:block!important;position:static!important;width:auto!important;min-width:0;text-align:left!important;white-space:normal;border:0;padding:0!important;background:transparent!important}
 #portfolioRecords tbody td::before{content:attr(data-label);display:block;font-size:10px;color:var(--muted);margin-bottom:4px}
 #portfolioRecords tbody td:first-child{grid-column:1/-1}
 #portfolioRecords td.empty{grid-column:1/-1;min-height:60px;display:grid!important;place-items:center}
 #portfolioRecords td.empty::before{display:none}
 #portfolioRecords .trade-subline{font-size:10px}
}