/* Burdigala Finance — Offline PWA V23 */
.offline-status-pill{
    position:fixed;
    left:50%;
    bottom:calc(96px + env(safe-area-inset-bottom,0px));
    transform:translateX(-50%);
    z-index:10050;
    display:flex;
    align-items:center;
    gap:8px;
    max-width:min(92vw,520px);
    border-radius:999px;
    padding:10px 14px;
    background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.72));
    border:1px solid rgba(120,20,40,.14);
    box-shadow:0 18px 48px rgba(120,20,40,.18), inset 0 1px 0 rgba(255,255,255,.8);
    backdrop-filter:blur(24px) saturate(180%);
    -webkit-backdrop-filter:blur(24px) saturate(180%);
    color:#781428;
    font-weight:950;
    font-size:12px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.22s ease;
}

.offline-status-pill.is-visible{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.offline-status-pill.is-offline{
    background:linear-gradient(145deg,rgba(120,20,40,.96),rgba(80,12,28,.92));
    color:white;
}

.offline-status-pill button{
    border:0;
    border-radius:999px;
    padding:7px 10px;
    background:rgba(255,255,255,.22);
    color:inherit;
    font-weight:950;
    cursor:pointer;
}

.offline-queue-toast{
    position:fixed;
    top:calc(18px + env(safe-area-inset-top,0px));
    left:50%;
    transform:translateX(-50%) translateY(-14px);
    z-index:10060;
    width:min(92vw,520px);
    border-radius:26px;
    padding:14px 16px;
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.74));
    border:1px solid rgba(120,20,40,.14);
    box-shadow:0 24px 70px rgba(120,20,40,.22);
    color:#21171a;
    opacity:0;
    visibility:hidden;
    transition:.24s cubic-bezier(.2,.8,.2,1);
}

.offline-queue-toast.is-visible{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
}

.offline-queue-toast strong{
    display:block;
    color:#781428;
    margin-bottom:3px;
}

.offline-fab-scan{
    position:fixed;
    right:18px;
    bottom:calc(184px + env(safe-area-inset-bottom,0px));
    z-index:10020;
    width:58px;
    height:58px;
    border-radius:24px;
    display:grid;
    place-items:center;
    background:linear-gradient(145deg,#a01639,#781428);
    color:#fff;
    box-shadow:0 18px 44px rgba(120,20,40,.30), inset 0 1px 0 rgba(255,255,255,.22);
    font-size:24px;
    text-decoration:none;
}

.offline-capture-hint{
    border-radius:22px;
    padding:12px 14px;
    background:rgba(120,20,40,.08);
    color:#781428;
    font-weight:900;
    margin:10px 0;
}

html.is-offline .requires-online{
    opacity:.55;
    pointer-events:none;
}

@media(max-width:420px){
    .offline-status-pill{
        bottom:calc(92px + env(safe-area-inset-bottom,0px));
        font-size:11px;
    }

    .offline-fab-scan{
        right:14px;
        bottom:calc(170px + env(safe-area-inset-bottom,0px));
    }
}