.flocara-pull-refresh {
    position: relative;
}

.flocara-pull-refresh-content {
    position: relative;
    z-index: 1;
    min-height: inherit;
    background: inherit;
}

.flocara-scroll-end-bounce > .flocara-pull-refresh-content {
    z-index: auto;
}

.flocara-scroll-end-bounce:has([role="dialog"], [role="menu"], .flocara-bottom-sheet-backdrop, .flocara-modal-backdrop) > .flocara-pull-refresh-content {
    transform: none !important;
    transition: none !important;
}

.flocara-pull-refresh-indicator {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    display: flex;
    height: 48px;
    align-items: center;
    gap: 0.4rem;
    color: var(--mud-palette-primary);
    font-size: 0.75rem;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, calc(var(--flocara-pull-distance, 0px) - 44px));
    clip-path: inset(max(0px, calc(44px - var(--flocara-pull-distance, 0px))) 0 0);
    transition: opacity 120ms ease;
}

.flocara-pull-refresh-active > .flocara-pull-refresh-indicator {
    opacity: 1;
}

.flocara-pull-refresh-ready > .flocara-pull-refresh-indicator .flocara-pull-refresh-arrow {
    transform: rotate(180deg);
}

.flocara-pull-refresh-arrow {
    transition: transform 160ms ease;
}

.flocara-pull-refresh-spinner,
.flocara-pull-refresh-refreshing > .flocara-pull-refresh-indicator .flocara-pull-refresh-arrow {
    display: none;
}

.flocara-pull-refresh-refreshing > .flocara-pull-refresh-indicator .flocara-pull-refresh-spinner {
    display: inline-flex;
}

.flocara-pull-refresh-refreshing > .flocara-pull-refresh-indicator .flocara-pull-refresh-label {
    font-size: 0;
}

.flocara-pull-refresh-refreshing > .flocara-pull-refresh-indicator .flocara-pull-refresh-label::after {
    content: "Refreshing";
    font-size: 0.75rem;
}

.flocara-business-requests-list-viewport {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (max-width: 959.98px) {
    .flocara-pull-refresh,
    .flocara-pull-refresh [data-flocara-pull-refresh-source] {
        overscroll-behavior-y: none;
    }

    .flocara-main-container:has(.flocara-business-requests-page) {
        padding-bottom: 0 !important;
    }

    .flocara-business-requests-page {
        height: calc(100dvh - var(--flocara-mobile-bottom-navigation-offset, 68px) - var(--flocara-safe-area-top, 0px) - 1rem);
        min-height: 0;
    }

    .flocara-business-requests-pull-refresh {
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
    }

    .flocara-business-requests-pull-refresh > .flocara-pull-refresh-content,
    .flocara-business-requests-list-viewport {
        height: 100%;
        min-height: 0;
    }

    .flocara-business-requests-list-viewport {
        overflow-y: auto;
        padding-bottom: max(0.75rem, env(safe-area-inset-bottom, 0px));
    }

    .flocara-business-requests-list-viewport > * {
        flex-shrink: 0;
    }
}

@media (min-width: 960px) {
    .flocara-pull-refresh-indicator {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .flocara-pull-refresh-content,
    .flocara-pull-refresh-indicator,
    .flocara-pull-refresh-arrow {
        transition: none;
    }
}
