/* Smooth native Light/Dark changes without replacing Filament's theme state. */
::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation-duration:.6s;animation-timing-function:cubic-bezier(.22,.61,.36,1)}
::view-transition-old(root){animation-name:ehr-theme-out}
::view-transition-new(root){animation-name:ehr-theme-in}
@keyframes ehr-theme-out{from{opacity:1}to{opacity:0}}
@keyframes ehr-theme-in{from{opacity:0}to{opacity:1}}
html.ehr-theme-changing :is(body,.fi-topbar,.fi-sidebar,.fi-section,.fi-ta-ctn,.fi-input-wrp,.fi-dropdown-panel,.fi-ta-header-cell,.ehr-box-header){transition:background-color .55s ease,color .45s ease,border-color .5s ease,box-shadow .5s ease}
@media(prefers-reduced-motion:reduce){
 ::view-transition-old(root),::view-transition-new(root){animation:none!important}
 html.ehr-theme-changing :is(body,.fi-topbar,.fi-sidebar,.fi-section,.fi-ta-ctn,.fi-input-wrp,.fi-dropdown-panel,.fi-ta-header-cell,.ehr-box-header){transition:none!important}
}