/* The sidebar is position: fixed; its column in the page flow is sized by
   Unfold with an inline style (Alpine x-bind:style, default width 288px).
   If that inline style is ever blocked (CSP) or fails, the column collapses
   and the fixed sidebar covers the start of every list. This rule keeps the
   column and the sidebar the same width without inline styles; a width set
   by Alpine (resized sidebar) still wins over it. */
@media (min-width: 1280px) {
    #nav-sidebar,
    #page > div > div.xl\:relative {
        width: 288px;
    }

    #page > div > div.xl\:relative {
        flex-shrink: 0;
    }
}

/* htmx loading indicators (htmx's own inline rules are disabled in
   admin-htmx.js because the CSP refuses them). */
.htmx-indicator {
    opacity: 0;
}

.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
    opacity: 1;
    transition: opacity 200ms ease-in;
}