/* Mouvement discret, commun aux trois écrans. Tout est coupé si l'utilisateur demande moins d'animations. */
@keyframes gw-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes gw-fade{from{opacity:0}to{opacity:1}}
@keyframes gw-pulse{0%{box-shadow:0 0 0 0 #34d39966}70%{box-shadow:0 0 0 7px #34d39900}100%{box-shadow:0 0 0 0 #34d39900}}
@keyframes gw-sweep{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.auth-wrap>*{animation:gw-rise .55s cubic-bezier(.2,.7,.2,1) both}
.auth-wrap>*:nth-child(2){animation-delay:.07s}.auth-wrap>*:nth-child(3){animation-delay:.14s}.auth-wrap>*:nth-child(4){animation-delay:.21s}

body.entering .page-heading,body.entering .store-panel,body.entering .content-grid>*,body.entering .other-stores>*,body.entering .empty-history{animation:gw-rise .6s cubic-bezier(.2,.7,.2,1) both}
body.entering .store-panel{animation-delay:.07s}
body.entering .content-grid>*:nth-child(1){animation-delay:.14s}
body.entering .content-grid>*:nth-child(2){animation-delay:.2s}
body.entering .other-stores>*{animation-delay:.26s}
body.entering .sidebar{animation:gw-fade .5s ease both}

.store-panel{transition:border-color .3s}
.status-dot.green{animation:gw-pulse 2.6s ease-out infinite}
.shop-nav,.nav-item,.nav-add,.policy,.history-item,.preview-row,.other-store{transition:background-color .18s,border-color .18s,transform .18s}
.shop-nav:hover,.nav-add:hover{transform:translateX(2px)}
.policy:hover{border-color:#2f6b52}
.button{transition:background-color .18s,border-color .18s,transform .15s,box-shadow .2s,filter .18s}
.button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px -12px #34d399b0}
.button:active:not(:disabled){transform:translateY(0) scale(.99)}
.metric strong{transition:color .25s}
dialog[open]{animation:gw-rise .28s cubic-bezier(.2,.7,.2,1)}
dialog::backdrop{animation:gw-fade .25s ease both}
.toast{transition:opacity .28s,transform .28s}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
