/* JSE Rastreamento — ajustes finais responsivos, sem modificar lógica de negócio. */
:root{--jse-focus:#28b9ff}
html{scroll-padding-top:90px}body{overflow-x:clip}
#app,#app #content,#app .grid,#app .panel{min-width:0}
#app .scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
#app img,#app svg{max-width:100%}
#app :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--jse-focus)!important;outline-offset:3px}
@media(min-width:1050px){
 body.jse-modern-admin:has(#app:not(.hidden)) #app #tabs{display:flex!important;grid-template-columns:none!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important}
 body.jse-modern-admin:has(#app:not(.hidden)) #app #tabs>*{width:100%!important;max-width:100%!important;display:flex!important;justify-content:flex-start!important;text-align:left!important;min-height:42px!important;white-space:normal!important;padding:10px 13px!important}
 body.jse-modern-admin:has(#app:not(.hidden)) #app #tabs button:not(.active){background:transparent!important;border-color:transparent!important;color:var(--jse-ink)!important}
 body.jse-modern-admin:has(#app:not(.hidden)) #app #tabs button.active{background:linear-gradient(90deg,#0754df,#00a2f6)!important;color:#fff!important}
}
@media(min-width:701px) and (max-width:1049px){
 body.jse-modern-admin #app #jse-menu-toggle{display:block!important;max-width:360px}
 body.jse-modern-admin #app #tabs{display:none!important;position:static!important;width:100%!important;max-height:65vh!important;overflow:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.jse-modern-admin #app #tabs.jse-menu-open{display:grid!important}
 body.jse-modern-admin #app #tabs>*{width:100%!important;max-width:none!important;min-height:44px!important}
}
@media(max-width:700px){
 body.jse-modern-admin #app #jse-menu-toggle{display:block!important;min-height:48px!important}
 body.jse-modern-admin #app #tabs{display:none!important;position:static!important;width:100%!important;max-height:65vh!important;overflow-y:auto!important;grid-template-columns:minmax(0,1fr)!important}
 body.jse-modern-admin #app #tabs.jse-menu-open{display:grid!important}
 body.jse-modern-admin #app #tabs>*{width:100%!important;max-width:none!important;min-height:46px!important;white-space:normal!important}
 body.jse-modern-admin #app .grid{grid-template-columns:minmax(0,1fr)!important}
 body.jse-modern-admin #app #content{min-width:0!important;overflow-wrap:anywhere}
}
html[data-jse-theme="light"] #app #tabs button:not(.active){color:#12324d!important}
html[data-jse-theme="light"] #app #tabs button.active{color:#fff!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
