/* Electric-blue workspace motion. No perpetual decorative movement. */
.workspace-shell {
    --motion-ease: cubic-bezier(.22, 1, .36, 1);
    --motion-quick: 150ms;
    --motion-panel: 360ms;
}
.workspace-shell .nav-pill, .workspace-shell .nav-auth-btn,
.workspace-shell .nav-workspace-trigger, .workspace-shell .btn,
.workspace-shell .ao-inspect, .workspace-shell .nav-mobile-btn {
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 180ms ease, translate 160ms var(--motion-ease);
}
@media (hover:hover) and (pointer:fine) {
    .workspace-shell :is(.btn,.nav-auth-btn,.ao-inspect):not(:disabled):hover { translate: 0 -2px; box-shadow: 0 5px 14px #0057e612; }
    .workspace-shell :is(.nav-panel-link,.nav-mobile-link):hover { translate: 3px 0; }
    .workspace-shell .ao-queue button:hover { translate: 0 -3px; box-shadow: 0 8px 24px #142b3510; }
}
.workspace-shell :is(.btn,.nav-auth-btn,.ao-inspect,.nav-mobile-btn):not(:disabled):active { translate: 0 1px; }
.workspace-shell :is(.nav-panel-link,.nav-mobile-link,.ao-queue button) { transition: translate 180ms var(--motion-ease), box-shadow 180ms ease, background-color 180ms ease; }
.workspace-shell .nav-pill.active { box-shadow: inset 0 -2px #1686ff, 0 3px 14px #0057e60d; }
.workspace-shell .nav-menu-chevron { transition: rotate 220ms var(--motion-ease); }
.workspace-shell .nav-workspace-panel { transform-origin: top right; animation: workspace-menu-in 220ms var(--motion-ease); }
.workspace-shell .nav-workspace-trigger { position: relative; z-index: 61; }
.workspace-shell .workspace-disclosure { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows 240ms var(--motion-ease), opacity 200ms ease; }
.workspace-shell .workspace-disclosure.is-expanded { grid-template-rows: 1fr; opacity: 1; }
.workspace-shell .workspace-disclosure-clip { min-height: 0; overflow: hidden; }
.workspace-shell .nav-workspace-links { animation: workspace-content-in 220ms var(--motion-ease); }
.workspace-shell #mobile-nav-drawer, .workspace-shell .ao-detail { animation: workspace-drawer-in var(--motion-panel) var(--motion-ease); }
.workspace-shell .nav-menu-scrim, .workspace-shell .workspace-mobile-scrim { animation: workspace-fade-in 180ms ease; }
.workspace-shell .dashboard-topbar:has(#mobile-nav-drawer) { backdrop-filter: none; }
.workspace-shell #mobile-nav-drawer { height: 100dvh; }
.workspace-shell .ao-metrics article { animation: workspace-content-in 420ms var(--motion-ease) both; }
.workspace-shell .ao-metrics article:nth-child(2) { animation-delay: 45ms; }
.workspace-shell .ao-metrics article:nth-child(3) { animation-delay: 90ms; }
.workspace-shell .ao-metrics article:nth-child(4) { animation-delay: 135ms; }
.workspace-shell .workspace-metric { animation: workspace-content-in 420ms var(--motion-ease) both; }
.workspace-shell .workspace-metric:nth-child(2) { animation-delay: 40ms; }
.workspace-shell .workspace-metric:nth-child(3) { animation-delay: 80ms; }
.workspace-shell .workspace-metric:nth-child(4) { animation-delay: 120ms; }
.workspace-shell .workspace-metric:nth-child(n+5) { animation-delay: 160ms; }
.workspace-shell .workspace-filter { z-index: 310; transition: transform var(--motion-panel) var(--motion-ease), visibility var(--motion-panel); }
.workspace-shell .workspace-filter-scrim { z-index: 300; transition: opacity 240ms ease, visibility 240ms; }
.workspace-shell .workspace-dialog-layer { z-index: 330; }
.workspace-shell .workspace-dialog-scrim { z-index: 320; animation: workspace-fade-in 180ms ease; }
.workspace-shell .workspace-filter[aria-hidden=true], .workspace-shell .workspace-filter-scrim[aria-hidden=true] { visibility: hidden; }
.workspace-shell .workspace-filter[aria-hidden=false], .workspace-shell .workspace-filter-scrim[aria-hidden=false] { visibility: visible; }
.workspace-shell [role=dialog]:not(aside):not(#mobile-nav-drawer) { animation: workspace-dialog-in 240ms var(--motion-ease); }
@keyframes workspace-drawer-in { from { transform: translateX(calc(100% + 32px)); opacity: .25; } to { transform: translateX(0); opacity: 1; } }
@keyframes workspace-menu-in { from { transform: translateY(-8px) scale(.98); opacity: 0; } to { transform: translateY(0) scale(1); opacity: 1; } }
@keyframes workspace-content-in { from { transform: translateY(12px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes workspace-dialog-in { from { translate: 0 10px; opacity: 0; } to { translate: 0 0; opacity: 1; } }
@keyframes workspace-fade-in { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
    .workspace-shell *, .workspace-shell *::before, .workspace-shell *::after {
        animation: none !important; transition: none !important; scroll-behavior: auto !important;
    }
    .workspace-shell :is(.btn,.nav-auth-btn,.ao-inspect,.nav-panel-link,.nav-mobile-link,.ao-queue button) { translate: none !important; }
}