/* Easeldesk mini loader — three dots, for buttons, tables, dropdowns.
   <span class="ed-dots" role="status" aria-label="جاري التحميل"><i></i><i></i><i></i></span>
   Add .ed-dots--mono inside purple buttons (white dots). */
.ed-dots{display:inline-flex;gap:.3em;align-items:center}
.ed-dots i{width:.5em;height:.5em;border-radius:50%;display:block;animation:ed-bounce 1s ease-in-out infinite}
.ed-dots i:nth-child(1){background:#43B649}
.ed-dots i:nth-child(2){background:#3C60AC;animation-delay:.15s}
.ed-dots i:nth-child(3){background:#E83730;animation-delay:.3s}
.ed-dots--mono i{background:currentColor!important}
@keyframes ed-bounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-.45em)}}
@media (prefers-reduced-motion:reduce){.ed-dots i{animation:none}}