/* V143 — stable top navigation, focus mode and chart presentation */
#app-shell>.app-sidebar{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:auto!important}
#app-shell>.app-header{position:fixed!important;top:var(--tlm-topnav-h)!important;left:0!important;right:0!important}
body.demo-mode #app-shell>.app-sidebar{top:38px!important}
.report-guide{padding:0!important;overflow:hidden}.report-guide summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:14px 16px;color:#24384d}.report-guide summary span{font-size:10px;color:#64748b}.report-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--tlm-line);border-top:1px solid var(--tlm-line)}.report-guide-grid>div{background:#fff;padding:14px 16px}.report-guide-grid strong{font-size:11px;color:#203348}.report-guide-grid p{margin:5px 0 0;color:#6b7c90;font-size:10.5px;line-height:1.5}@media(max-width:900px){.report-guide-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.report-guide-grid{grid-template-columns:1fr}}
body.demo-mode #app-shell>.app-header{top:calc(38px + var(--tlm-topnav-h))!important}
#app-shell .app-nav{display:flex!important;width:100%!important;gap:4px!important;padding:0 10px!important}
#app-shell .app-nav>.nav-main,#app-shell .app-nav>.nav-group{flex-grow:1!important;flex-shrink:1!important;flex-basis:0!important;min-width:0!important;max-width:none!important;width:0!important}
#app-shell .app-nav>.nav-main,#app-shell .app-nav>.nav-group>.nav-group-toggle{width:100%!important;min-width:0!important;justify-content:center!important;padding-inline:7px!important}
#app-shell .app-nav>.nav-main .tab-label,#app-shell .app-nav>.nav-group>.nav-group-toggle .tab-label{min-width:0!important;text-overflow:ellipsis!important;overflow:hidden!important}
#app-shell .app-nav .nav-group-items{top:var(--tlm-topnav-h)!important}
body.demo-mode #app-shell .app-nav .nav-group-items{top:calc(38px + var(--tlm-topnav-h))!important}
#app-shell.topnav-compact{--tlm-topnav-h:50px!important;--tlm-context-h:46px!important}
#app-shell.topnav-compact>.app-sidebar{height:50px!important;min-height:50px!important}
#app-shell.topnav-compact .sidebar-brand{height:50px!important;min-height:50px!important}
#app-shell.topnav-compact .app-nav{height:50px!important}
#app-shell.topnav-compact>.app-header{height:46px!important;min-height:46px!important;padding-block:0!important}
#app-shell.topnav-compact .app-header .btn{min-height:30px!important;padding-block:4px!important}
#app-shell.topnav-compact .app-header .sub{padding-block:5px!important}
#app-shell.topnav-compact .app-nav>.nav-main,#app-shell.topnav-compact .app-nav>.nav-group{flex:1 1 0!important;width:auto!important;min-width:0!important}
#app-shell.topnav-compact .app-nav>.nav-main,#app-shell.topnav-compact .app-nav>.nav-group>.nav-group-toggle{width:100%!important;height:34px!important;min-height:34px!important}
#app-shell.topnav-compact .app-nav>.nav-main.active:before,#app-shell.topnav-compact .app-nav>.nav-group.active>.nav-group-toggle:before{bottom:-8px!important}
.chart-container,.chart-wrap,[class*="chart-card"],.card:has(>div>canvas){background:#fff!important}
.card canvas{border-radius:8px}
.chart-legend,.chartjs-legend{font-size:11px!important;color:#526479!important}
@media(max-width:1180px){
 #app-shell .app-nav>.nav-main .tab-label,#app-shell .app-nav>.nav-group>.nav-group-toggle .tab-label{font-size:10px!important}
 #app-shell .app-nav{gap:1px!important;padding-inline:6px!important}
}
@media(max-width:900px){
 #app-shell>.app-sidebar{height:var(--tlm-topnav-h)!important}
 #app-shell .app-nav{overflow-x:auto!important;justify-content:flex-start!important}
 #app-shell .app-nav>.nav-main,#app-shell .app-nav>.nav-group{flex:0 0 auto!important;width:auto!important;min-width:max-content!important}
 #app-shell .app-nav>.nav-main,#app-shell .app-nav>.nav-group>.nav-group-toggle{width:auto!important;min-width:max-content!important;padding-inline:10px!important}
 #app-shell .app-nav>.nav-main .tab-label,#app-shell .app-nav>.nav-group>.nav-group-toggle .tab-label{font-size:10.5px!important;overflow:visible!important}
 #app-shell .app-nav .nav-group-items{top:var(--tlm-topnav-h)!important}
 body.demo-mode #app-shell .app-nav .nav-group-items{top:calc(38px + var(--tlm-topnav-h))!important}
}