/* SUP125: shared MH Liquid Glass design tokens, responsive motion and accessible fallback.
   Does not alter existing JavaScript, navigation logic, authentication, or company brand marks. */
:root{
 --mh125-red:#a7192b;--mh125-red-light:#cf4150;
 --mh125-ink:#20181b;
 --mh125-glass-bg:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,243,246,.84));
 --mh125-glass-edge:rgba(167,25,43,.22);
 --mh125-glass-glow:0 9px 29px rgba(55,13,21,.10),inset 0 1px rgba(255,255,255,.94);
 --mh125-liquid-time:260ms;
}
@keyframes mh125-sheen {from{transform:translateX(-190%) skewX(-22deg);opacity:0}22%{opacity:.55}70%{opacity:.45}to{transform:translateX(275%) skewX(-22deg);opacity:0}}
@keyframes mh125-soft-rise {from{opacity:.82;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@supports not ((backdrop-filter:blur(4px)) or (-webkit-backdrop-filter:blur(4px))) {
 :is(.card,.stat,.modal-box,.workflow-card,.company-card,.portal-card,.dialog,.mh14930-dialog) {
   background:#fff7f8!important;
 }
}
@media (prefers-reduced-motion:reduce) {
 :is(.card,.stat,.modal-box,.workflow-card,.company-card,.portal-card,.dialog,button,a,[role=tab]) {
  animation:none!important;transition:none!important;scroll-behavior:auto!important;
 }
}
@media (prefers-reduced-motion:no-preference) {
 button,a,[role=tab],input,select,textarea {
  transition:background-color var(--mh125-liquid-time) ease,border-color var(--mh125-liquid-time) ease,
  box-shadow var(--mh125-liquid-time) ease,color var(--mh125-liquid-time) ease,transform var(--mh125-liquid-time) ease;
 }
 :is(.panel.active,.tab-panel.active):not(.hidden) {
  animation:mh125-soft-rise 260ms cubic-bezier(.2,.8,.25,1) both;
 }
}
:where(button,a,input,select,textarea,[role=tab]):focus-visible {
 outline:2px solid var(--mh125-red-light)!important;outline-offset:2px;
}
:where(input,textarea,select) {caret-color:var(--mh125-red)}

body :is(.main-nav a,.header-tools button,.mobile-menu-btn,.btn,.access-btn){
 border-radius:12px;position:relative;isolation:isolate;
}
body .main-nav a:is(:hover,:focus-visible,.active,[aria-current=page]) {
 box-shadow:0 5px 18px rgba(167,25,43,.19),inset 0 0 0 1px rgba(255,255,255,.27);
}
body .main-nav a.active,body .main-nav a[aria-current=page] {border-bottom:2px solid #d83b51}
body :is(.hero .btn,.section .btn,.portal-card,.company-card,.card) {position:relative}
body :is(.hero .btn,.section .btn,.portal-card,.company-card):hover {box-shadow:0 17px 35px rgba(49,10,22,.13)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body .main-nav a:hover,body .header-tools button:hover {transform:translateY(-2px)}
 body :is(.hero .btn,.section .btn,.portal-card,.company-card):hover {transform:translateY(-3px)}
}