/* Reuse Admin action-center typography and responsive layout without new sizes. */
.client-action-center .role-action-item>button{min-height:44px}
.client-action-center .client-action-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:10px}
.client-action-center .client-action-footer button{min-width:44px;min-height:44px}
@keyframes client-actions-forward{from{opacity:.35;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
@keyframes client-actions-back{from{opacity:.35;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
.client-action-center .role-action-list[data-direction=forward]>.role-action-item{animation:client-actions-forward .2s ease-out both}
.client-action-center .role-action-list[data-direction=back]>.role-action-item{animation:client-actions-back .2s ease-out both}
@media(prefers-reduced-motion:reduce){.client-action-center .role-action-list[data-direction]>.role-action-item{animation:none;transition:none}}