/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-4qkhgvyebo] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-4qkhgvyebo] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-qpe8z49vmn],
.components-reconnect-repeated-attempt-visible[b-qpe8z49vmn],
.components-reconnect-failed-visible[b-qpe8z49vmn],
.components-pause-visible[b-qpe8z49vmn],
.components-resume-failed-visible[b-qpe8z49vmn],
.components-rejoining-animation[b-qpe8z49vmn] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-qpe8z49vmn],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-qpe8z49vmn],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-qpe8z49vmn],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-qpe8z49vmn],
#components-reconnect-modal.components-reconnect-retrying[b-qpe8z49vmn],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-qpe8z49vmn],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-qpe8z49vmn],
#components-reconnect-modal.components-reconnect-failed[b-qpe8z49vmn],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-qpe8z49vmn] {
    display: block;
}


#components-reconnect-modal[b-qpe8z49vmn] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-qpe8z49vmn 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-qpe8z49vmn 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-qpe8z49vmn 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-qpe8z49vmn]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-qpe8z49vmn 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-qpe8z49vmn {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-qpe8z49vmn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-qpe8z49vmn {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-qpe8z49vmn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-qpe8z49vmn] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-qpe8z49vmn] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-qpe8z49vmn] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-qpe8z49vmn] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-qpe8z49vmn] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-qpe8z49vmn] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-qpe8z49vmn 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-qpe8z49vmn] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-qpe8z49vmn {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Accounts/InventoryNrv.razor.rz.scp.css */
[b-4qrqyjsm9o] .inventory-nrv-date-picker {
    max-width: 180px;
}
/* /Components/Pages/Accounts/OpeningBalances/OpeningBalances.razor.rz.scp.css */
/* Allow date-picker popovers in wrapped seed-stock rows to extend past the paper edge. */
.opening-balances-seed-stock[b-d8w8r79gcw] {
    overflow: visible;
}

.opening-balances-seed-stock[b-d8w8r79gcw]  .mud-stack {
    overflow: visible;
}

/* Constrain only the picker's input width. Do NOT use an inline Style="max-width"
   on MudDatePicker for this — MudBlazor also applies Style to the popup calendar
   paper itself (PickerPaperStylename includes Style), which would squeeze the
   calendar dialog down to the same width and clip it. Class is only applied to
   the picker's outer wrapper, so it is safe here. */
[b-d8w8r79gcw] .opening-balances-expiry-picker {
    max-width: 150px;
}
/* /Components/Pages/SalesManagement/SeedSalesReturn.razor.rz.scp.css */
[b-sxl2jrgmcg] .seed-sales-return-expiry-picker {
    min-width: 110px;
}
/* /Components/Shared/FarmReports/FarmReportFilterBar.razor.rz.scp.css */
/* Constrain only the picker's input width — never use inline Style on MudDatePicker. */
[b-tm2tt5y6u6] .farm-report-date-picker {
    width: 175px;
    min-width: 175px;
}