/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
/* The reconnect pill: small, bottom-center, above the mobile nav — never a
   curtain, never a backdrop (non-modal show() has none). The page behind it
   stays exactly as the reader left it. */
#components-reconnect-modal[b-b9srjqotv5] {
    position: fixed;
    inset: auto auto 5rem 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0.45rem 1rem;
    border: none;
    border-radius: 9999px;
    background-color: rgb(var(--c-ink, 18 51 59));
    color: rgb(var(--c-sand, 247 251 252));
    font-size: 0.8rem;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
    z-index: 70;                 /* above everything, blocks nothing */
    opacity: 0;
    animation: sangha-reconnect-fade-in-b-b9srjqotv5 0.4s ease-out forwards;
}

#components-reconnect-modal:not([open])[b-b9srjqotv5] {
    display: none;
}

.sangha-reconnect-dot[b-b9srjqotv5] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 9999px;
    background-color: rgb(var(--c-clay, 226 125 96));
    animation: sangha-reconnect-pulse-b-b9srjqotv5 1.2s ease-in-out infinite;
}

@keyframes sangha-reconnect-fade-in-b-b9srjqotv5 {
    to { opacity: 1; }
}

@keyframes sangha-reconnect-pulse-b-b9srjqotv5 {
    0%, 100% { opacity: 0.35; }
    50% { opacity: 1; }
}