/* ORBITA 15 · VISIBLE MOTION LAYER
   Motion is attached to real app screens and components.
   Lightweight transforms/opacity only; respects reduced-motion preferences. */
@keyframes orbita15-screen-enter{0%{opacity:0;transform:translate3d(0,16px,0) scale(.992);filter:brightness(.78)}65%{opacity:1;filter:brightness(1.08)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:brightness(1)}}
@keyframes orbita15-card-enter{from{opacity:0;transform:translate3d(0,13px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes orbita15-neon-breathe{0%,100%{box-shadow:0 0 0 rgba(89,222,255,0);border-color:rgba(255,255,255,.10)}50%{box-shadow:0 0 22px rgba(89,222,255,.12),inset 0 0 16px rgba(160,111,255,.045);border-color:rgba(104,222,245,.32)}}
@keyframes orbita15-scan{0%{transform:translateX(-130%);opacity:0}18%{opacity:.8}55%,100%{transform:translateX(430%);opacity:0}}
@keyframes orbita15-nav-pulse{0%,100%{filter:drop-shadow(0 0 0 rgba(104,225,255,0))}50%{filter:drop-shadow(0 0 7px rgba(104,225,255,.55))}}
@keyframes orbita15-orbit-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
#app-shell .view.active{animation:orbita15-screen-enter .58s cubic-bezier(.2,.72,.22,1) both}
#app-shell .view.active .panel,#app-shell .view.active .metric-card,#app-shell .view.active .shortcut-card,#app-shell .view.active .explore-card,#app-shell .view.active .menu-launch-card{animation:orbita15-card-enter .55s cubic-bezier(.2,.72,.22,1) both}
#app-shell .view.active .metric-card:nth-child(2),#app-shell .view.active .panel:nth-child(2){animation-delay:65ms}
#app-shell .view.active .metric-card:nth-child(3),#app-shell .view.active .panel:nth-child(3){animation-delay:125ms}
#app-shell .view.active .panel,#app-shell .view.active .metric-card,#app-shell .view.active .shortcut-card,#app-shell .view.active .explore-card{position:relative;isolation:isolate;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
#app-shell .view.active .metric-card:after,#app-shell .view.active .panel:after{content:"";position:absolute;z-index:2;left:0;top:0;width:24%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#75edff,#c9a1ff,transparent);box-shadow:0 0 12px rgba(93,224,255,.5);animation:orbita15-scan 7.5s ease-in-out infinite}
#app-shell .view.active .metric-card:nth-child(2):after{animation-delay:1.8s}
#app-shell .view.active .metric-card:nth-child(3):after{animation-delay:3.6s}
#app-shell .hero-orbit-art{animation:orbita15-orbit-float 8s ease-in-out infinite}
#app-shell .topbar{animation:orbita15-neon-breathe 8s ease-in-out infinite}
#app-shell button[data-view].active,#app-shell .mobile-nav button.active{animation:orbita15-nav-pulse 3.8s ease-in-out infinite}
#app-shell .btn-primary{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
#app-shell .btn-primary:active{transform:translateY(1px) scale(.985);filter:brightness(1.18)}
@media(hover:hover){#app-shell .view.active .panel:hover,#app-shell .view.active .metric-card:hover,#app-shell .view.active .shortcut-card:hover,#app-shell .view.active .explore-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(69,205,232,.09),0 0 0 1px rgba(112,225,244,.12)}}
@media(max-width:700px){#app-shell .view.active{animation-duration:.4s}#app-shell .view.active .panel:after{animation-duration:10s}}
@media(prefers-reduced-motion:reduce){#app-shell .view.active,#app-shell .view.active * ,#app-shell .topbar,#app-shell .hero-orbit-art{animation:none!important;transition:none!important}}
@media(prefers-reduced-data:reduce){#app-shell .view.active .metric-card:after,#app-shell .view.active .panel:after{display:none}#app-shell .hero-orbit-art{animation:none}}