/* V21 - responsive navigation only; no dashboard feature or desktop layout changes */
@media (min-width: 761px) {
 body.home-classic header button.lh-menu-toggle, #workspace .app-shell > button.lh-dash-menu-toggle {display:none!important}
 body.home-classic header nav#lh-home-menu {display:flex!important;position:static!important;visibility:visible!important}
}
@media (max-width: 760px) {
 html,body{width:100%;max-width:100%;overflow-x:clip}
 body.home-classic header{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important}
 body.home-classic header button.lh-menu-toggle{display:inline-flex!important;flex:0 0 auto;position:static!important;visibility:visible!important;z-index:12}
 body.home-classic header nav#lh-home-menu{display:none!important;flex:0 0 100%!important;order:20!important;position:static!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important}
 body.home-classic header nav#lh-home-menu.lh-open{display:flex!important}
 body.home-classic header nav#lh-home-menu a{display:block!important;width:100%;box-sizing:border-box}
 #workspace:not([hidden]) .app-shell{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;width:100%!important;min-width:0!important}
 #workspace:not([hidden]) .app-shell > button.lh-dash-menu-toggle{display:inline-flex!important;align-self:flex-start!important;position:relative!important;z-index:12!important;visibility:visible!important;flex:0 0 auto!important}
 #workspace:not([hidden]) .app-shell > aside#lh-dashboard-sidebar{display:none!important;position:static!important;float:none!important;transform:none!important;grid-column:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:72vh!important;overflow-y:auto!important;box-sizing:border-box!important}
 #workspace:not([hidden]) .app-shell > aside#lh-dashboard-sidebar.lh-open{display:flex!important;flex-direction:column!important}
 #workspace:not([hidden]) .app-shell > .app-main{display:block!important;position:relative!important;grid-column:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
 #workspace:not([hidden]) .app-main .panel{max-width:100%;overflow-x:auto}
 #workspace:not([hidden]) .app-main .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #workspace:not([hidden]) .app-main input,#workspace:not([hidden]) .app-main textarea,#workspace:not([hidden]) .app-main select{max-width:100%;box-sizing:border-box}
}
@media(max-width:390px){#workspace:not([hidden]) .app-main .metrics{grid-template-columns:1fr!important}}