/* Motion is functional, brief and shared. See docs/workbench-interaction-rules.md. */
.workbench-page{--wb-motion-fast:160ms;--wb-motion-normal:220ms;--wb-motion-ease:cubic-bezier(.2,.7,.2,1)}
.workbench-page :is(button,a,summary,input,select,textarea){transition:background-color var(--wb-motion-fast) ease,color var(--wb-motion-fast) ease,border-color var(--wb-motion-fast) ease,box-shadow var(--wb-motion-fast) ease,opacity var(--wb-motion-fast) ease,transform var(--wb-motion-fast) var(--wb-motion-ease)}
.workbench-page button:not(:disabled):active,.workbench-page :is(#groupNav,.feature-tabs) a:active{transform:scale(.98)}
.workbench-page button:disabled{transform:none}
.workbench-page :is(button,a,summary){touch-action:manipulation}
.workbench-page :is(tbody tr,.stat,.badge){transition:background-color var(--wb-motion-fast) ease,border-color var(--wb-motion-fast) ease}
.workbench-page tbody tr:hover{background:var(--wb-hover)}
.workbench-page details[open]>:not(summary){animation:wb-reveal var(--wb-motion-normal) var(--wb-motion-ease)}
.workbench-page dialog[open]{animation:wb-dialog-in var(--wb-motion-normal) var(--wb-motion-ease)}
.workbench-page dialog[open]::backdrop{animation:wb-backdrop-in var(--wb-motion-fast) ease}
.wb-busy-track{position:fixed;left:0;right:0;top:0;height:3px;z-index:30;overflow:hidden;pointer-events:none;background:var(--wb-active)}
.wb-busy-track span{display:block;width:32%;height:100%;background:var(--wb-blue);animation:wb-progress 1.1s ease-in-out infinite}
.workbench-page [data-wb-loading=true]::after,.workbench-page :is(#ktCategoryTrigger,#mwCategoryTrigger,#biCategoryTrigger)[aria-busy=true]::after{content:"";display:inline-block;flex-shrink:0;width:13px;height:13px;margin-left:8px;vertical-align:-2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:wb-spin .8s linear infinite}
.workbench-page :is(#ktCategoryTrigger,#mwCategoryTrigger,#biCategoryTrigger)[aria-busy=true] svg{display:none}
.workbench-page #suppliersPanel .inline-spinner{animation:wb-spin .8s linear infinite}
@keyframes wb-spin{to{transform:rotate(360deg)}}
@keyframes wb-progress{from{transform:translateX(-110%)}to{transform:translateX(420%)}}
@keyframes wb-reveal{from{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:none}}
@keyframes wb-dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes wb-backdrop-in{from{opacity:0}to{opacity:1}}
@media(hover:hover){.workbench-page button:not(:disabled):hover{box-shadow:0 2px 5px #21364c10}.workbench-page :is(#groupNav,.feature-tabs) a:hover{text-decoration:none}}
@media(prefers-reduced-motion:reduce){.workbench-page *,.workbench-page *::before,.workbench-page *::after,.workbench-page dialog::backdrop{animation:none!important;transition:none!important;scroll-behavior:auto!important}.workbench-page button:not(:disabled):active,.workbench-page :is(#groupNav,.feature-tabs) a:active{transform:none}.wb-busy-track span{width:100%;opacity:.65}}
@keyframes wb-detail-pulse{0%,100%{opacity:.4}50%{opacity:.85}}
@media(prefers-reduced-motion:reduce){.workbench-page .ka-detail-loading i{animation:none!important;opacity:.6}}
