/* Shared, small responses: preserve every control's size and text layout. */
@media(min-width:769px) and (hover:hover){html{scrollbar-gutter:stable}}
.container .role-tabs .role-tab{
  transition:transform .12s ease-out,border-color .16s ease,background-color .16s ease,box-shadow .16s ease,color .16s ease;
}
.container .role-tabs .role-tab:hover,
.container .role-tabs .role-tab.is-active{transform:none}
.container .role-tabs .role-tab:active{transform:scale(.98)}
.container .role-tabs .role-tab.is-jolt{animation:form-tool-response .18s ease-out}
@keyframes form-tool-response{from{transform:scale(.98)}to{transform:scale(1)}}
.container .role-tabs .role-tab.is-loading{border-color:var(--accent,#8ec5ff)}
.role-tab.is-loading .bi{animation:form-pending 1s ease-in-out infinite}
@keyframes form-pending{50%{opacity:.45}}

:is(.modal-tab,.poke-btn,.top-modal-close,.top-action-btn,.form-save-button,.assign-action-btn,.role-tools-return,.uxc-btn){
  transition:transform .12s ease-out,background-color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
:is(.modal-tab,.poke-btn,.top-modal-close,.top-action-btn,.form-save-button,.assign-action-btn,.role-tools-return,.uxc-btn):active:not(:disabled):not([aria-disabled="true"]){transform:translateY(1px)}
.top-modal-backdrop.is-open>.top-modal-dialog,
.uxc-backdrop.is-open>.uxc-modal{animation:form-dialog-enter .16s ease-out}
.uxc-backdrop{z-index:13000}
@keyframes form-dialog-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

[data-save-bar].is-saving{border-color:var(--accent,#8ec5ff)}
[data-save-bar].is-saving [data-save-state]{color:var(--save-muted,#a8bddc)}
.is-uxc-submitting{opacity:1}

/* Remove decorative motion and smooth scrolling when the user requests it. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .container .role-tabs .role-tab,
  .container .role-tabs .role-tab::before,
  .role-tab.is-loading .bi,
  .top-modal-backdrop.is-open>.top-modal-dialog,
  .uxc-backdrop.is-open>.uxc-modal,
  :is(.modal-tab,.poke-btn,.top-modal-close,.top-action-btn,.form-save-button,.assign-action-btn,.role-tools-return,.uxc-btn),
  .ux-unsaved-indicator,.app-toast,.member-card-detail{
    animation:none!important;transition:none!important;transform:none!important;
  }
  .role-tabs{scroll-behavior:auto}
  .ux-unsaved-indicator{transform:translate(-50%,0)!important}
}