/* MH Glass v1 polish: make legacy opaque shells permeable without touching flows. */
html.mh-glass-live.mh-glass-customer #app :is(.shell,main.main,section.panel.active),
html.mh-glass-live.mh-glass-office #office :is(.shell,main.main,.content,section.panel.active){background-color:transparent!important;background-image:none!important}
html.mh-glass-live.mh-glass-customer #app :is(.card,.stat,.auth-card,.mh14922-card,.mh14922-panel,.task-card),
html.mh-glass-live.mh-glass-office #office :is(.card,.stat,.mh-v1820-page,.panel-card,.mh20-card,.task-card){background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(255,246,249,.52))!important;background-color:rgba(255,255,255,.57)!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 18px 58px rgba(53,19,38,.13),inset 0 1px rgba(255,255,255,.66)!important;backdrop-filter:blur(24px) saturate(148%);-webkit-backdrop-filter:blur(24px) saturate(148%)}
html.mh-glass-live.mh-glass-customer #app :is(.card,.stat,.auth-card,.mh14922-card,.mh14922-panel,.task-card):hover,
html.mh-glass-live.mh-glass-office #office :is(.card,.stat,.mh-v1820-page,.panel-card,.mh20-card,.task-card):hover{border-color:rgba(222,89,115,.58)!important;transform:translateY(-2px)}
html.mh-glass-live.mh-glass-office #office .side,
html.mh-glass-live.mh-glass-customer #app .side{background:linear-gradient(165deg,rgba(27,18,29,.93),rgba(70,25,49,.9))!important;backdrop-filter:blur(27px) saturate(150%)}
html.mh-glass-live.mh-glass-office #office .stats .card,
html.mh-glass-live.mh-glass-customer #app .stats .card{border-radius:19px!important}
html.mh-glass-live.mh-glass-customer #app .hero{background:linear-gradient(130deg,rgba(25,18,28,.94),rgba(63,28,44,.87),rgba(121,21,47,.76))!important;border:1px solid rgba(255,255,255,.18);box-shadow:0 22px 64px rgba(40,17,29,.2)!important;backdrop-filter:blur(26px)}
/* The alternate dark scene keeps data-entry forms and audit tables light/readable. */
html.mh-glass-live.mh-glass-dark.mh-glass-customer #app :is(.card,.stat,.auth-card,.mh14922-card,.mh14922-panel,.task-card),
html.mh-glass-live.mh-glass-dark.mh-glass-office #office :is(.card,.stat,.mh-v1820-page,.panel-card,.mh20-card,.task-card){background:linear-gradient(145deg,rgba(42,29,44,.88),rgba(57,32,50,.83))!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 23px 65px rgba(10,5,17,.29),inset 0 1px rgba(255,255,255,.12)!important}
html.mh-glass-live.mh-glass-dark.mh-glass-customer #app section.panel.active,
html.mh-glass-live.mh-glass-dark.mh-glass-office #office section.panel.active{color:#f8eff5}
html.mh-glass-live.mh-glass-dark.mh-glass-customer #app :is(.card,.stat,.task-card) :is(h1,h2,h3,h4,p,small,strong,label),
html.mh-glass-live.mh-glass-dark.mh-glass-office #office :is(.card,.stat,.task-card) :is(h1,h2,h3,h4,p,small,strong,label){color:inherit}
html.mh-glass-live.mh-glass-dark body :is(table,form,input,select,textarea,.modal-box):not(button){background-color:rgba(253,250,252,.96)!important;color:#211821!important}
html.mh-glass-live.mh-glass-dark body table :is(td,th,span,strong,small){color:#211821}
@media(prefers-reduced-motion:reduce){html.mh-glass-live .mh-glass-enter{animation:none!important}}