:root{--jmg-fix-orange:#ff7a1a;--jmg-fix-purple:#8f3dff}

/* Use the ORIGINAL staff shell. No duplicate branding boxes. */
.jmgSidebarBrand,.jmgSidebarPromo{display:none!important}
.sidebarBrand{display:flex!important;height:104px!important;min-height:104px!important;padding:7px 10px 8px!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid rgba(143,61,255,.30)!important;background:radial-gradient(circle at 50% 45%,rgba(143,61,255,.16),transparent 58%)!important}
.sidebarBrand img{display:block!important;width:100%!important;height:86px!important;object-fit:contain!important;object-position:center!important;border:0!important;border-radius:10px!important;filter:drop-shadow(0 0 12px rgba(143,61,255,.18)) drop-shadow(0 0 8px rgba(255,122,26,.10))!important}
.sidebarBrand>div{display:none!important}

/* Entire sidebar remains reachable and visible. */
.rail{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;scrollbar-color:#4e2b66 transparent!important}
.railNav{position:relative!important;z-index:3!important;padding:8px 8px 4px!important;gap:1px!important;flex:0 0 auto!important;overflow:visible!important}
.railBtn{height:35px!important;min-height:35px!important;padding:0 11px!important;gap:9px!important;border-radius:8px!important;font-size:13px!important}
.railBtn .navIcon{width:20px!important;min-width:20px!important;font-size:15px!important}
.railBtn .tip,.railBtn:hover .tip{font-size:12px!important}
.sidebarTruck{display:block!important;margin:8px 10px 11px!important;padding:0!important;text-align:center!important;color:#fff!important;flex:0 0 auto!important}
.sidebarTruck .approvedTruck{display:block!important;width:100%!important;height:138px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:53% 50%!important;border:1px solid rgba(194,139,255,.78)!important;border-radius:12px!important;background:#08090d!important;box-shadow:0 0 22px rgba(143,61,255,.14),0 0 20px rgba(255,122,26,.09)!important}
.sidebarTruck>b{display:block!important;margin-top:7px!important;font-size:8px!important;letter-spacing:.11em!important}
.sidebarTruck>small{display:block!important;margin-top:2px!important;font-size:7px!important;color:#9da8b8!important;letter-spacing:.08em!important}
.railBottom{position:relative!important;z-index:3!important;margin-top:0!important}

/* Keep the real desktop staff header on-screen in iPad Safari. */
.topbar{display:flex!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:0!important;left:262px!important;right:0!important;width:auto!important;height:72px!important;z-index:120!important;padding:0 19px!important;border-bottom:1px solid rgba(143,61,255,.34)!important;background:linear-gradient(90deg,rgba(5,7,11,.985),rgba(15,12,20,.98) 58%,rgba(5,7,11,.99))!important;box-shadow:0 10px 30px rgba(0,0,0,.36)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
.topbar .search{display:block!important;max-width:680px!important}
.topbar .topActions,.topbar .profile{display:flex!important}
.topbar .search input{height:42px!important;background:#0a111a!important;border-color:#30425a!important}
.content{padding-top:92px!important}

/* Cinematic hero: one continuous banner, no pasted rectangle. */
.pageHead,.iv8-pageHead,.dgPageHead,.jea-head,.jmgInvHeader,.jm5Head,.st4Head{position:relative!important;overflow:hidden!important;min-height:202px!important;padding:22px 24px!important;background:radial-gradient(circle at 83% 18%,rgba(255,112,24,.19),transparent 26%),radial-gradient(circle at 95% 72%,rgba(143,61,255,.24),transparent 32%),linear-gradient(90deg,#05070a 0%,#070910 37%,#0b0a12 67%,#160c22 100%)!important;isolation:isolate!important}
.jmgHeroImage{position:absolute!important;z-index:0!important;top:-5%!important;right:7%!important;width:54%!important;height:110%!important;object-fit:cover!important;object-position:50% 48%!important;display:block!important;opacity:.94!important;filter:saturate(1.08) contrast(1.03) drop-shadow(0 15px 24px rgba(0,0,0,.52))!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 7%,rgba(0,0,0,.82) 22%,#000 36%,#000 78%,rgba(0,0,0,.72) 90%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 7%,rgba(0,0,0,.82) 22%,#000 36%,#000 78%,rgba(0,0,0,.72) 90%,transparent 100%)!important;pointer-events:none!important}
.pageHead:before,.iv8-pageHead:before,.dgPageHead:before,.jea-head:before,.jmgInvHeader:before,.jm5Head:before,.st4Head:before{content:''!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,rgba(5,7,10,.95) 0%,rgba(5,7,10,.82) 30%,rgba(5,7,10,.24) 57%,rgba(83,26,115,.14) 100%)!important;pointer-events:none!important}
.pageHead>*,.iv8-pageHead>*,.dgPageHead>*,.jea-head>*,.jmgInvHeader>*,.jm5Head>*,.st4Head>*{position:relative!important;z-index:3!important}
.pageHead>div:first-of-type,.iv8-pageHead>div:first-of-type,.dgPageHead>div:first-of-type,.jea-head>div:first-of-type,.jmgInvHeader>div:first-of-type,.jm5Head>div:first-of-type,.st4Head>div:first-of-type{max-width:45%!important}
.jmgHeroSlogan{position:absolute!important;top:24px!important;right:18px!important;bottom:auto!important;width:145px!important;font-size:11px!important;line-height:1.04!important;text-align:right!important;z-index:8!important;text-shadow:0 2px 10px #000,0 0 16px rgba(143,61,255,.35)!important}
.pageHead .jmgLiveHeadActions,.pageHead .actions,.pageHead .headActions,.iv8-pageHead .iv8-actions,.dgPageHead .dgHeadActions,.jea-head .jea-actions,.jmgInvHeader .jmgInvHeaderRight,.jm5Head .jm5HeadActions,.st4Head .st4Filters{position:absolute!important;right:190px!important;bottom:20px!important;top:auto!important;padding:0!important;margin:0!important;z-index:9!important;display:flex!important;gap:8px!important;align-items:center!important}

/* Legacy/broken injected assets stay gone. */
.jmgLegacyBrandHidden,.jmgBrokenLegacy,.rail img.jmgLegacyAssetHidden{display:none!important}

@media(max-width:1180px){
  .topbar{left:262px!important}
  .pageHead,.iv8-pageHead,.dgPageHead,.jea-head,.jmgInvHeader,.jm5Head,.st4Head{min-height:190px!important}
  .jmgHeroImage{width:53%!important;right:8%!important}
  .jmgHeroSlogan{right:15px!important;width:130px!important;font-size:10px!important}
  .pageHead .jmgLiveHeadActions,.pageHead .actions,.pageHead .headActions,.iv8-pageHead .iv8-actions,.dgPageHead .dgHeadActions,.jea-head .jea-actions,.jmgInvHeader .jmgInvHeaderRight,.jm5Head .jm5HeadActions,.st4Head .st4Filters{right:160px!important}
  .railBtn{height:34px!important;min-height:34px!important}
  .sidebarTruck .approvedTruck{height:128px!important}
}