/* JLJAM 7.10.25: persistent navigation inside the actual sticky manager header.
   Legacy cinematic-790 hid .history-row at <=700px. Do not rely on that row. */
body:not(.bm-native) #app .topbar{grid-template-rows:auto auto!important;row-gap:6px!important}
body:not(.bm-native) #app .jljam-navrail{
  grid-column:1/-1!important;grid-row:2!important;display:flex!important;align-items:center!important;
  gap:7px!important;min-width:0!important;min-height:43px!important;width:100%!important;
  padding:5px 0 0!important;margin:0!important;border-top:1px solid rgba(192,156,239,.18)!important;
  background:transparent!important;visibility:visible!important;opacity:1!important;position:relative!important;
  z-index:2!important;box-sizing:border-box!important;
}
body:not(.bm-native) #app .jljam-nav-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  flex:0 0 auto!important;width:auto!important;min-width:79px!important;height:41px!important;min-height:41px!important;
  padding:0 11px!important;border:1px solid rgba(196,163,242,.46)!important;border-radius:12px!important;
  background:linear-gradient(145deg,rgba(76,48,112,.93),rgba(35,25,65,.95))!important;
  color:#fbf5ff!important;font:750 14px/1.05 Inter,system-ui,sans-serif!important;
  letter-spacing:0!important;box-shadow:inset 0 1px rgba(255,255,255,.18)!important;
  transform:none!important;touch-action:manipulation!important;
}
body:not(.bm-native) #app .jljam-nav-button>span{font-size:23px!important;line-height:1!important;display:inline!important}
body:not(.bm-native) #app .jljam-nav-button>b{font:inherit!important;white-space:nowrap!important}
body:not(.bm-native) #app .jljam-nav-button[disabled]{cursor:default!important;opacity:.46!important;background:rgba(36,31,55,.6)!important;border-color:rgba(164,150,190,.23)!important;box-shadow:none!important}
body:not(.bm-native) #app .jljam-nav-button:not([disabled]):active{filter:brightness(1.2)!important}
body:not(.bm-native) #app .jljam-nav-button:focus-visible{outline:3px solid #d8acff!important;outline-offset:2px!important}
body:not(.bm-native) #app .jljam-nav-position{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;flex:1 1 auto!important;text-align:right!important;font:750 13px/1.35 Inter,system-ui,sans-serif!important;color:#d8c5ed!important;letter-spacing:0!important;}
/* The earlier navigation row scrolls away and had contradictory CSS rules. The
   sticky-header rail is now the only visible navigation set. Breadcrumb data stays
   mounted because existing app routes still write to it. */
body #app .shell>.history-row{display:none!important}
@media(max-width:700px){
 body:not(.bm-native) #app .topbar{grid-template-rows:auto auto!important;grid-template-columns:auto minmax(0,1fr)!important;gap:5px 8px!important;padding-bottom:7px!important;}
 body:not(.bm-native) #app .topbar>.brand{grid-column:1!important;grid-row:1!important}
 body:not(.bm-native) #app .topbar>.top-actions{grid-column:2!important;grid-row:1!important;justify-self:end!important}
 body:not(.bm-native) #app .jljam-navrail{grid-column:1/-1!important;grid-row:2!important;min-height:44px!important;padding-top:5px!important;gap:6px!important}
 body:not(.bm-native) #app .jljam-nav-button{height:40px!important;min-height:40px!important;min-width:75px!important;padding:0 10px!important;font-size:13px!important}
 body:not(.bm-native) #app .jljam-nav-button>span{font-size:22px!important}
 body:not(.bm-native) #app .jljam-nav-position{font-size:12px!important}
}
@media(max-width:340px){
 body:not(.bm-native) #app .jljam-nav-button{min-width:42px!important;width:43px!important;padding:0 6px!important}
 body:not(.bm-native) #app .jljam-nav-button>b{display:none!important}
}
@media(prefers-reduced-motion:reduce){body:not(.bm-native) #app .jljam-nav-button{transition:none!important}}