/* UI-54: tynn lastestripe ved sidenavigasjon. Pynt, ikke innhold — logikken
   for når den vises/skjules bor i sidelaster.js. Farge følger selskapets
   merkevare, med samme fallback-kjede som resten av appen. */
.sidelaster {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    z-index: 1690; /* under .ark-* (1700), over alt annet innhold */
    pointer-events: none;
    opacity: 0;
    transition: opacity 200ms ease-out;
}

.sidelaster-synlig {
    opacity: 1;
}

.sidelaster-indre {
    height: 100%;
    width: 0;
    background: var(--merkevarefarge, var(--mod-primar, #c2410c));
    transition: width 900ms ease-out;
}

.sidelaster-synlig .sidelaster-indre {
    width: 80%;
}

/* Fullfører til 100 % med et raskt hopp, før stripen (over) tones ut på
   200 ms. Målt 15.09.2026: stillhet (sidelaster.js) 80 ms + dette hoppet
   20 ms + uttoningen 200 ms = 300 ms — instruksens mål — regnet fra siste
   DOM-endring, i det vanlige tilfellet der 250 ms minste synlighet allerede
   er brukt opp før innholdet står ferdig. Se rapporten for avviket når
   innholdet blir ferdig FØR stripen i det hele tatt er 250 ms gammel. */
.sidelaster-ferdig .sidelaster-indre {
    width: 100%;
    transition: width 20ms ease-out;
}

@media (prefers-reduced-motion: reduce) {
    /* Ingen glidning — bare full bredde med rolig opasitet på og av. */
    .sidelaster-indre {
        width: 100%;
        transition: none;
    }
}