:root{
  --jmg-black:#050609;
  --jmg-charcoal:#0b0d12;
  --jmg-panel:#11151d;
  --jmg-panel2:#0b1016;
  --jmg-line:#2a313d;
  --jmg-orange:#ff7a1a;
  --jmg-orange2:#ff9a4a;
  --jmg-purple:#8f3dff;
  --jmg-purple2:#5e20d4;
  --jmg-purple3:#c28bff;
  --jmg-text:#f7f8fb;
  --jmg-muted:#99a4b2;
  --jmg-green:#3ed487;
  --jmg-red:#ff5e70;
  --jmg-shadow:0 20px 60px rgba(0,0,0,.42);
}
html,body{background:#050609!important;color:var(--jmg-text)}
body{background:
  radial-gradient(circle at 79% -5%,rgba(143,61,255,.15),transparent 30%),
  radial-gradient(circle at 8% 110%,rgba(255,122,26,.11),transparent 29%),
  linear-gradient(180deg,#07090d 0%,#050609 100%)!important}
.app{grid-template-columns:262px minmax(0,1fr)!important;min-width:1180px!important}
.main{min-width:918px!important}
.rail{width:262px!important;align-items:stretch!important;padding:12px 13px 16px!important;overflow-y:auto!important;overflow-x:hidden!important;background:
  radial-gradient(circle at 50% 4%,rgba(143,61,255,.15),transparent 26%),
  linear-gradient(180deg,rgba(8,9,14,.99),rgba(6,7,11,.985))!important;border-right:1px solid rgba(255,122,26,.38)!important;box-shadow:12px 0 45px rgba(0,0,0,.26)!important}
.brandMark{display:none!important}
.jmgSidebarBrand{display:block;margin:-2px 0 12px;padding:8px 8px 11px;border-bottom:1px solid rgba(143,61,255,.28);text-align:center}
.jmgSidebarLogoImage{display:block;width:100%;height:115px;border-radius:14px;border:1px solid rgba(255,122,26,.45);box-shadow:0 0 28px rgba(143,61,255,.14),0 0 24px rgba(255,122,26,.08);background:linear-gradient(180deg,rgba(3,4,7,.08),rgba(3,4,7,.25)),url('/assets/brand/jmg-live-brand.jpg') 8% 7%/130% auto no-repeat;background-color:#09090d}
.jmgSidebarBrand small{display:block;margin-top:7px;font-size:9px;letter-spacing:.22em;font-weight:850;color:#c8cbd2}
.railNav{gap:3px!important}
.railBtn{height:39px!important;min-height:39px!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:11px!important;padding:0 13px!important;border-radius:10px!important;color:#d8dce5!important;font-size:15px!important;transition:.16s ease!important}
.railBtn .navIcon{width:23px;min-width:23px;display:grid;place-items:center;font-size:17px!important;color:#c3c8d2!important}
.railBtn .tip,.railBtn:hover .tip{display:block!important;position:static!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;font-size:13px!important;color:inherit!important;font-weight:700!important;line-height:1!important}
.railBtn:hover{background:rgba(255,255,255,.035)!important;color:#fff!important}
.railBtn.active{background:linear-gradient(90deg,rgba(255,122,26,.23),rgba(143,61,255,.12))!important;border-color:rgba(255,122,26,.7)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--jmg-orange),0 0 19px rgba(255,122,26,.15)!important}
.railBtn.active .navIcon{color:var(--jmg-orange)!important}
.jmgSidebarPromo{margin:13px 0 10px;min-height:245px;border:1px solid rgba(194,139,255,.72);border-radius:14px;position:relative;overflow:hidden;background:
  linear-gradient(180deg,rgba(8,8,12,.08),rgba(4,5,8,.2) 40%,rgba(4,5,8,.94) 100%),
  url('/assets/brand/jmg-live-brand.jpg') 55% center/cover no-repeat;box-shadow:0 0 24px rgba(143,61,255,.12),0 0 28px rgba(255,122,26,.07)}
.jmgSidebarPromo:before{content:'WE COME TO YOU';position:absolute;left:12px;top:13px;width:115px;color:#fff;font-size:18px;line-height:.96;font-style:italic;font-weight:1000;letter-spacing:-.03em;text-shadow:0 2px 7px #000}
.jmgSidebarPromo:after{content:'SERVICE • REPAIR • DIAGNOSTICS\A ON SITE. DONE RIGHT.';white-space:pre;position:absolute;left:12px;right:12px;bottom:10px;text-align:center;color:#fff;font-size:9px;letter-spacing:.12em;font-weight:900;line-height:1.6;text-shadow:0 2px 7px #000}
.railBottom{margin-top:4px!important}
.topbar{height:72px!important;padding:0 19px!important;border-bottom:1px solid rgba(143,61,255,.34)!important;background:rgba(5,7,11,.93)!important;box-shadow:0 8px 28px rgba(0,0,0,.25)!important}
.wordmark{display:none!important}
.search{max-width:680px!important}
.search input{height:42px!important;background:#0a111a!important;border-color:#30425a!important;box-shadow:inset 0 1px rgba(255,255,255,.02)!important}
.search input:focus{border-color:#3b6ba2!important;box-shadow:0 0 0 3px rgba(56,140,255,.08)!important}
.modeToggle{background:#0b1118!important;border-color:#2b3441!important}
.profile{background:transparent!important;border-color:transparent!important;padding-right:0!important}
.avatar{background:linear-gradient(145deg,#6734d7,#3d2b92)!important;box-shadow:0 0 20px rgba(143,61,255,.18)!important}
.content{max-width:1900px!important;padding:18px 20px 110px!important}

/* Shared cinematic page hero */
.pageHead,.iv8-pageHead,.dgPageHead,.jea-head,.jmgInvHeader,.jm5Head,.st4Head{
  position:relative!important;overflow:hidden!important;min-height:168px!important;margin-bottom:16px!important;padding:22px 24px!important;border:1px solid rgba(143,61,255,.52)!important;border-radius:17px!important;background:
    linear-gradient(90deg,rgba(5,7,10,.985) 0%,rgba(6,8,12,.92) 31%,rgba(6,7,10,.44) 57%,rgba(5,6,9,.12) 100%),
    linear-gradient(180deg,rgba(255,122,26,.06),rgba(143,61,255,.08)),
    url('/assets/brand/jmg-live-brand.jpg') 72% 45%/cover no-repeat!important;
  box-shadow:0 0 0 1px rgba(255,122,26,.08) inset,0 17px 45px rgba(0,0,0,.30),0 0 30px rgba(143,61,255,.08)!important;
  isolation:isolate!important
}
.pageHead:before,.iv8-pageHead:before,.dgPageHead:before,.jea-head:before,.jmgInvHeader:before,.jm5Head:before,.st4Head:before{content:'';position:absolute;inset:0;z-index:-1;background:
  radial-gradient(circle at 80% 13%,rgba(255,112,24,.24),transparent 24%),
  radial-gradient(circle at 95% 72%,rgba(143,61,255,.22),transparent 29%);pointer-events:none}
.pageHead>*,.iv8-pageHead>*,.dgPageHead>*,.jea-head>*,.jmgInvHeader>*,.jm5Head>*,.st4Head>*{position:relative;z-index:2}
.pageHead>div:first-child,.iv8-pageHead>div:first-child,.dgPageHead>div:first-child,.jea-head>div:first-child,.jmgInvHeader>div:first-child,.jm5Head>div:first-child,.st4Head>div:first-child{max-width:58%}
.pageHead h1,.iv8-pageHead h1,.dgPageHead h1,.jea-head h1,.jmgInvHeader h1,.jm5Head h1,.st4Head h1{font-size:clamp(31px,3vw,47px)!important;line-height:.98!important;letter-spacing:-.045em!important;text-shadow:0 3px 14px rgba(0,0,0,.45)!important}
.pageHead p,.iv8-pageHead p,.dgPageHead p,.jea-head p,.jmgInvHeader p,.jm5Head p,.st4Head p{max-width:650px!important;color:#e1e4eb!important;font-size:14px!important;text-shadow:0 2px 10px #000!important}
.kicker,.jea-kicker,.jm5Kicker,.st4Kicker{color:var(--jmg-orange)!important;letter-spacing:.18em!important;font-weight:950!important}
.jmgHeroSlogan{position:absolute!important;z-index:4!important;right:22px!important;top:78px!important;width:155px!important;text-align:right!important;color:#e6c9ff!important;font-size:14px!important;line-height:1.05!important;font-weight:1000!important;font-style:italic!important;letter-spacing:.025em!important;text-transform:uppercase!important;text-shadow:0 2px 10px #000,0 0 18px rgba(143,61,255,.42)!important;pointer-events:none!important}
.jmgHeroSlogan b{color:var(--jmg-orange)!important}

/* Buttons and active controls */
.primaryBtn,.jmgLiveBtn.primary,.iv8-btn.iv8-primary,.dgBtn.primary,.jea-btn.primary,.jm5New,.st4Btn.primary{background:linear-gradient(135deg,var(--jmg-orange) 0%,#ef5e20 36%,var(--jmg-purple) 100%)!important;border-color:#ff9b57!important;color:#fff!important;box-shadow:0 0 22px rgba(255,122,26,.16),0 0 22px rgba(143,61,255,.11)!important}
.orangeBtn,.jmgLiveBtn.orange,.dgBtn.orange,.jea-btn.orange{background:linear-gradient(135deg,#ff9b54,var(--jmg-orange))!important;border-color:#ffad72!important;color:#170b04!important;box-shadow:0 0 20px rgba(255,122,26,.14)!important}
.tab.active,.iv8-tabs button.active,.st4Segment button.active,.jm5Filter.active{background:linear-gradient(135deg,rgba(255,122,26,.96),rgba(143,61,255,.92))!important;border-color:#ff9c5d!important;color:#fff!important;box-shadow:0 0 19px rgba(255,122,26,.12)!important}

/* Shared cards/panels */
.card,.jmgLivePanel,.jmgLiveMetric,.iv8-tablePanel,.iv8-sectionPanel,.iv8-workspace,.iv8-sideCard,.iv8-summaryGrid>div,.iv8-reviewCard,.dgPanel,.jea-card,.jea-metric,.jmgInvPanel,.jmgInvCard,.jmgInvMetric,.jm5Panel,.st4Panel,.st4Mini,.st4MetricBox,.st4GoalBox{
  background:linear-gradient(180deg,rgba(16,21,30,.97),rgba(8,12,18,.985))!important;border-color:rgba(103,116,139,.34)!important;box-shadow:inset 0 1px rgba(255,255,255,.015),0 16px 38px rgba(0,0,0,.22)!important}
.jmgLiveMetric:nth-child(odd),.iv8-stat:nth-child(odd),.jmgInvMetric:nth-child(odd),.jea-metric:nth-child(odd){border-color:rgba(143,61,255,.55)!important;background:linear-gradient(180deg,rgba(39,25,58,.74),rgba(9,12,18,.98))!important}
.jmgLiveMetric:nth-child(even),.iv8-stat:nth-child(even),.jmgInvMetric:nth-child(even),.jea-metric:nth-child(even){border-color:rgba(255,122,26,.55)!important;background:linear-gradient(180deg,rgba(54,30,17,.70),rgba(9,12,18,.98))!important}
.jmgLiveMetric strong,.iv8-stat strong,.jmgInvMetric b,.jea-metric .big{color:#fff!important;text-shadow:0 0 12px rgba(255,255,255,.04)!important}
.jmgLivePanelHead,.jmgInvPanelHead,.jea-cardHead{border-color:rgba(255,122,26,.13)!important}
.jmgLiveRow:hover,.iv8-jobRow:hover{background:linear-gradient(90deg,rgba(255,122,26,.07),rgba(143,61,255,.07))!important}
.jmgLiveRow,.iv8-jobRow{border-bottom-color:#202735!important}

/* More orange/purple life in specialized modules */
.iv8,.jea{background:transparent!important;padding:0!important}
.jmgInvApp,.jmgDiag,.jm5,.jmgStatsV4{background:transparent!important}
.iv8-stat.orange,.st4Orange{border-color:rgba(255,122,26,.62)!important}
.iv8-stat.purple,.st4Purple{border-color:rgba(143,61,255,.62)!important}
.dgStat:nth-child(1),.dgStat:nth-child(3),.jm5Panel:nth-child(odd){border-color:rgba(255,122,26,.38)!important}
.dgStat:nth-child(2),.dgStat:nth-child(4),.jm5Panel:nth-child(even){border-color:rgba(143,61,255,.38)!important}
.jmgInvSubnav button.active{background:linear-gradient(90deg,rgba(255,122,26,.20),rgba(143,61,255,.11))!important;border-color:rgba(255,122,26,.65)!important;box-shadow:inset 3px 0 0 var(--jmg-orange)!important}
.jmgInvActions button.primary{background:linear-gradient(135deg,var(--jmg-orange),var(--jmg-purple))!important;border-color:#ff9e61!important}
.jm5Rule{border-color:rgba(143,61,255,.45)!important;background:linear-gradient(90deg,rgba(143,61,255,.09),rgba(255,122,26,.04))!important}
.st4Line{filter:drop-shadow(0 0 7px rgba(255,122,26,.18))!important}

/* Tables and inputs */
input,textarea,select{accent-color:var(--jmg-orange)}
.jmgLiveForm input,.jmgLiveForm textarea,.jmgLiveForm select,.jmgInvToolbar input,.jmgInvForm input,.jmgInvForm select,.iv8-fields input,.iv8-fields textarea,.dgRecordBox input,.dgRecordBox textarea,.dgRecordBox select{background:#080e15!important;border-color:#344152!important}
.jmgLiveTable th,.jmgInvTable th,.st4Table th{color:#a0a9b6!important}

/* iPad/browser: preserve the same desktop structure, allow scroll rather than rearranging */
@media(max-width:1180px){
  .app{grid-template-columns:262px minmax(918px,1fr)!important;min-width:1180px!important}
  .jmgLiveGrid.cols4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .jmgLiveSplit{grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr)!important}.st4Hero{grid-template-columns:1.7fr 1fr!important}.st4Core{grid-template-columns:1.65fr 1fr!important}.st4Middle{grid-template-columns:1fr 1fr!important}.st4Bottom{grid-template-columns:1.7fr .8fr!important}
  .jmgInvShell{grid-template-columns:210px minmax(0,1fr)!important}
}
@media(max-width:760px){
  .app{grid-template-columns:262px minmax(918px,1fr)!important;min-width:1180px!important}
}