/* Top navigation progress bar for areas without aq-journey (Client / Admin / account pages).
   Visual matches the partner area's aq-journey bar so the platform feels consistent. */
.aq-progress-bar {
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    width: 0;
    height: 4px;
    background: linear-gradient(90deg, #6A5D8B 0%, #9A8BB7 50%, #6A5D8B 100%);
    background-size: 200% 100%;
    z-index: 100050; /* above sticky headers (~100000) and most overlays */
    pointer-events: none;
    transition: width 0.18s ease-out, opacity 0.3s ease;
    box-shadow: 0 0 8px rgba(106, 93, 139, 0.45);
    opacity: 0;
}

.aq-progress-bar.is-active {
    opacity: 1;
    animation: aq-progress-shimmer 1.4s linear infinite;
}

.aq-progress-bar.is-finishing {
    width: 100% !important;
    opacity: 0;
    transition: width 0.2s ease-out, opacity 0.4s ease 0.15s;
}

@keyframes aq-progress-shimmer {
    0%   { background-position: 100% 50%; }
    100% { background-position: -100% 50%; }
}

@media (prefers-reduced-motion: reduce) {
    .aq-progress-bar { transition: opacity 0.2s ease; }
    .aq-progress-bar.is-active { animation: none; }
}