/* Density changes spacing only. Keep control heights, typography and sticky offsets. */
@media screen {
 #densityBtn[aria-pressed="true"]{background:var(--blue,#2476d3)!important;color:#fff!important;border-color:var(--blue,#2476d3)!important}
}
@media screen and (min-width:761px) {
 html body.compact-mode :is(#content,#clientPilotHost,#networkPortfolioHost,dialog) .panel-body{padding:12px!important}
 html body.compact-mode :is(#content,#clientPilotHost,#networkPortfolioHost,dialog) .panel-head{padding:10px 14px!important}
 html body.compact-mode :is(#content,#clientPilotHost,#networkPortfolioHost,dialog) :is(td,th){padding:7px 9px!important}
 html body.compact-mode :is(#content,#clientPilotHost,#networkPortfolioHost,dialog) :is(.form-grid,.record-panel-grid){gap:12px 16px!important;padding:14px 18px!important}
 html body.compact-mode #detailDialog.asset-workspace #detailWorkspace{padding:12px 16px!important}
 html body.compact-mode :is(#content,#clientPilotHost,#networkPortfolioHost,dialog) :is(.aw-tab-body,.np-body){padding:12px!important}
 html body.compact-mode :is(#content,#clientPilotHost,#networkPortfolioHost,dialog) :is(.aw-card,.card){padding:12px!important;margin-bottom:10px!important}
 html body.compact-mode :is(#clientPilotForm,#detailWorkspace) :is(.pilot-overview-grid,.aw-aside,.aw-summary){gap:10px!important}
 html body.compact-mode #clientPilotForm .aw-facts{row-gap:6px!important}
 html body.compact-mode #content .open-project-list{gap:6px!important}
 html body.compact-mode #content .open-project-list article{padding:8px 10px!important;row-gap:6px!important}
 html body.compact-mode :is(#content,#clientPilotHost,#networkPortfolioHost,dialog) :is(.record-tabs,.aw-tabs,.np-tabs,.monitor-tabs,.automation-tabs,.qs-tabs,.ops-tabs,.pv-tabs,.time-project-tabs,.cw-tabs,.grievance-tabs)>button{min-height:46px!important;padding-top:10px!important;padding-bottom:8px!important}
}
/* On touch screens retain the existing generous command and field targets. */