/* ============================================================
   CloseMyCall — shared UI bits loaded by every page.
   The standard "pending / awaiting" look: looping dots (+ soft pulse).
   Usage in markup:  Saving<span class="dots"><i>.</i><i>.</i><i>.</i></span>
   Add class "is-pending" to a primary button for the glow pulse too.
   ============================================================ */
.dots{display:inline-block;letter-spacing:1px}
.dots i{font-style:normal;opacity:.25;animation:cmcblink 1.4s infinite}
.dots i:nth-child(1){animation-delay:0s}
.dots i:nth-child(2){animation-delay:.22s}
.dots i:nth-child(3){animation-delay:.44s}
@keyframes cmcblink{0%,70%,100%{opacity:.25}35%{opacity:1}}

.is-pending{animation:cmcpulse 1.7s ease-in-out infinite}
@keyframes cmcpulse{
  0%,100%{box-shadow:0 6px 16px -6px rgba(var(--brand-rgb,46,58,140),.55)}
  50%{box-shadow:0 7px 22px -4px rgba(var(--brand-rgb,46,58,140),.9)}
}

/* Sticky header gets a soft shadow once the page is scrolled (.scrolled toggled per page) */
.top{transition:box-shadow .22s ease}
.top.scrolled{box-shadow:0 7px 16px -11px rgba(20,22,30,.34)}