/* Central TJSP V4 · uma única navegação visível por vez.
   Mapas e lições são o conteúdo; barras não competem com estudo. */
.shell{grid-template-columns:218px minmax(0,1fr)}
.topbar{position:relative!important;top:auto!important;z-index:3!important;background:#13273d;min-height:48px;padding:8px clamp(10px,2vw,26px);box-shadow:none}
.topbar .breadcrumb{gap:8px}
.topbar .breadcrumb>span{font-size:10px;color:#a9c3d6;margin-left:0!important}
.topbar .btn{padding:8px 10px;font-size:11px}
.topbar #central-home{background:transparent;border:1px solid #4c6680}
.topbar #open-notion{font-size:10px;padding:8px 10px}
.content{max-width:none;padding:14px clamp(12px,2vw,30px) 35px}
.head{box-shadow:none;margin-bottom:10px;padding:14px 18px;border-radius:10px}
.head h1{font-size:clamp(19px,2.3vw,25px);letter-spacing:-.4px;margin:3px 0 5px}
.head p{font-size:12px;line-height:1.5}
.head .overline{font-size:9px}
.head .status{font-size:10px}
.stats{gap:7px;margin:10px 0}
.stat{min-height:68px;padding:10px 14px;border-radius:10px;box-shadow:none}
.stat b{font-size:19px}
.stat small{font-size:10px}
.shell[data-active-tab="l"] .stats,.shell[data-active-tab="map"] .stats,.shell[data-active-tab="f"] .stats,.shell[data-active-tab="q"] .stats{display:none}
.shell[data-active-tab="map"] .head{display:none}
.shell[data-active-tab="map"] .content{padding:8px clamp(7px,1.6vw,20px) 20px}
.shell[data-active-tab="map"] .sheet{box-shadow:none;background:transparent;border:0;overflow:visible}
.shell[data-active-tab="map"] .pane{padding:8px 0 0;min-height:0;background:transparent}
.tabs{background:#fff;border:1px solid #dae5ee;border-radius:11px;overflow:hidden;padding:3px;display:flex;gap:3px}
.tab{flex:1;min-width:0;border:0;border-radius:8px;padding:12px 7px;font-size:12px;font-weight:750;white-space:nowrap;line-height:1.25}
.tab[aria-selected=true]{border:0;background:#174262;color:white;font-weight:850;box-shadow:0 2px 6px #173d601e}
.tab:hover:not([aria-selected=true]){background:#eff5fa}
.pane{padding:17px;min-height:320px}
.sheet{border-radius:11px;box-shadow:none}
.mapFrame{display:block;width:100%;height:900px;min-height:540px;border:0!important;border-radius:9px!important;box-shadow:none!important;overflow:hidden;background:transparent}
.shell[data-active-tab="map"] .footerNav{display:none}
.shell[data-active-tab="map"] .content>p.description{display:none}
.shell .mobileBottom{display:none!important}
.mobileMenu{display:none}
.lessonJump{padding:9px;gap:4px}
.lessonJump button{padding:7px;font-size:11px}
@media(max-width:1020px){
 .shell{display:block}
 .mobileMenu{display:inline-flex}
 .sidebar{position:fixed}
 .content{padding:13px 12px 35px}
 .topbar{padding:8px 12px;min-height:47px}
 .sheet{box-shadow:none}
}
@media(max-width:760px){
 .topbar #open-notion{display:none}
 .topbar #central-home{font-size:10px}
 .topbar .breadcrumb>span{display:none}
 .content{padding:10px 9px 26px}
 .head{padding:12px;margin-bottom:9px}
 .head h1{font-size:18px}
 .head p{font-size:11px}
 .head .status{margin-top:7px}
 .tabs{padding:3px;gap:1px}
 .tab{font-size:11px;padding:12px 3px;letter-spacing:-.15px}
 .pane{padding:12px}
 .shell[data-active-tab="map"] .content{padding:7px 5px 15px}
 .shell[data-active-tab="map"] .pane{padding:5px 0 0}
 .mapFrame{height:930px;min-height:540px}
 .stats{grid-template-columns:repeat(4,minmax(0,1fr))}
 .stat{text-align:center;padding:7px 5px;min-height:57px}
 .stat b{font-size:16px}
 .stat small{font-size:9px}
}
@media(max-width:390px){
 .tab{font-size:10px;padding:10px 1px}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}