/**
 * Глобальная полоска загрузки CRM (верх экрана).
 * Управляется public/js/page-progress.js — fetch, XHR, переходы, crmPageProgress.start().
 */
.crm-page-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    z-index: 100000;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.crm-page-progress.is-visible {
    opacity: 1;
}

.crm-page-progress__bar {
    height: 100%;
    width: 0;
    background: linear-gradient(90deg, hsl(var(--primary)), #fbbf24 70%, hsl(var(--primary)));
    box-shadow: 0 0 10px hsl(var(--primary) / 0.45);
    transition: width 0.25s ease;
    will-change: width;
}

.crm-page-progress.is-finishing .crm-page-progress__bar {
    width: 100% !important;
    transition: width 0.18s ease-out;
}

@media (prefers-reduced-motion: reduce) {
    .crm-page-progress,
    .crm-page-progress__bar {
        transition: none;
    }
}