/* SUP118: additive MH liquid-glass identity (red / black / white).
   Presentation-only, no task logic, data, account or navigation modifications. */
@supports (backdrop-filter: blur(1px)) {

 body .site-header {
   background:linear-gradient(130deg,rgba(16,16,18,.94),rgba(38,22,27,.82))!important;
   -webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%);
   border-bottom:1px solid rgba(255,255,255,.12);
 }
 body :is(.company-card,.portal-card,.card,.step) {
   background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,247,249,.77))!important;
   -webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);
   border:1px solid rgba(167,24,35,.19)!important;
   box-shadow:0 7px 28px rgba(35,13,20,.085),inset 0 1px rgba(255,255,255,.95);
   transition:box-shadow .22s ease,border-color .22s ease;
 }
 body :is(.company-card,.portal-card,.card,.step):focus-within {border-color:rgba(167,24,35,.54)!important}
 body .main-nav { -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); }
}

@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  :is(.company-card,.portal-card,.card,.workflow-card,.mh14922-task,.mh20-card):hover {
    box-shadow:0 14px 35px rgba(34,18,22,.11),inset 0 1px rgba(255,255,255,.9);
  }
}
@media (prefers-reduced-motion:reduce) {
  :is(.company-card,.portal-card,.card,.workflow-card,.mh14922-task,.mh20-card) {transition:none!important}
}
@media (max-width:700px) {
  :is(.company-card,.portal-card,.card,.workflow-card,.mh14922-task,.mh20-card) {
    backdrop-filter:blur(11px) saturate(125%)!important;
    -webkit-backdrop-filter:blur(11px) saturate(125%)!important;
  }
}