/* Independent scale keeps existing panel and hover transforms intact. */
button{transition:scale 130ms cubic-bezier(.2,.8,.2,1)}
button:not(:disabled):not([aria-disabled="true"]):active{scale:.975}
.sidebar button:active,#hub-mobile-nav button:active{scale:1;background-color:#dcebf3}
.hub-motion-delivery{position:fixed;z-index:10000;pointer-events:none;width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:#21845b;color:white;box-shadow:0 5px 18px #174f7340;font-size:17px;font-weight:700}
.hub-success-button-check{animation:hubWorkflowCheck 360ms cubic-bezier(.2,.8,.2,1) both}
@keyframes hubWorkflowCheck{0%{transform:scale(.65) rotate(-12deg);opacity:0}65%{transform:scale(1.12) rotate(3deg);opacity:1}100%{transform:scale(1) rotate(0)}}
@media(prefers-reduced-motion:reduce){button{transition:none!important}button:not(:disabled):active{scale:1}.hub-success-button-check{animation:none!important}}
#hub-profile-menu{transform-origin:top right}
.hub-milestone-particle{position:fixed;width:5px;height:5px;border-radius:2px;z-index:5000;pointer-events:none}
.calendar-timed-event.dragging{scale:1.015;box-shadow:0 12px 25px #174f7328}
.requests-loading{animation:hubLoadingBreathe 1.5s ease-in-out 3}
@keyframes hubLoadingBreathe{50%{opacity:.65}}
@media(prefers-reduced-motion:reduce){.requests-loading{animation:none!important}.calendar-timed-event.dragging{scale:1}}

.hub-motion-loading>.empty-state{background:linear-gradient(100deg,#f1f6f9 15%,#fafcfd 40%,#f1f6f9 65%);background-size:200% 100%;animation:hubLoadingSheen 1.8s ease-in-out 3}
@keyframes hubLoadingSheen{from{background-position:100% 0}to{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.hub-motion-loading>.empty-state{animation:none!important}}