@media only screen and (max-width: 782px), (display-mode: standalone) {
    .te-account-page--logged-in {
        min-height: 100dvh;
    }

    .te-account-appbar {
        position: sticky;
        top: 0;
        z-index: 20;
        display: block;
        max-width: var(--wp--style--global--wide-size);
        margin: 0 auto 1rem;
        padding: .85rem 0 1rem;
        backdrop-filter: blur(12px);
    }

    .te-account-appbar__eyebrow {
        color: rgba(255, 255, 255, 0.62);
        font-size: .75rem;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .te-account-appbar__title {
        color: #fff;
        font-family: var(--wp--preset--font-family--titles);
        font-size: clamp(1.35rem, 5vw, 1.8rem);
        line-height: 1.1;
    }

    .te-account-shell__content {
        padding-bottom: 5.75rem;
    }

    .te-account-tabbar {
        position: fixed;
        left: 50%;
        bottom: max(.75rem, env(safe-area-inset-bottom, 0px));
        transform: translateX(-50%);
        z-index: 30;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .5rem;
        width: min(calc(100vw - 1.5rem), 28rem);
        padding: .45rem;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 1.25rem;
        background: rgba(18, 22, 29, 0.92);
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.32);
        backdrop-filter: blur(14px);
    }

    .te-account-tabbar__item {
        display: grid;
        justify-items: center;
        gap: .2rem;
        padding: .6rem .75rem;
        border-radius: .95rem;
        color: rgba(255, 255, 255, 0.68);
        text-decoration: none;
        transition: background-color .2s ease, color .2s ease;
    }

    .te-account-tabbar__item.is-active {
        background: rgba(45, 179, 232, 0.18);
        color: #fff;
    }

    .te-account-tabbar__icon {
        font-size: 1rem;
        line-height: 1;
    }

    .te-account-tabbar__label {
        font-size: .75rem;
        font-weight: 600;
        letter-spacing: .02em;
    }
}

.te-account-sync-state {
    margin: .5rem 0 0;
    font-size: var(--wp--preset--font-size--small);
}

.te-account-sync-state[data-state="pending"],
.te-account-sync-state[data-state="syncing"] {
    color: #d09a00;
}

.te-account-sync-state[data-state="synced"] {
    color: #4e9a66;
}

.te-account-sync-state[data-state="error"] {
    color: #c0392b;
}

html:has(.te-account-grid ) {
    margin: 0 !important;

    .te-account-grid {
        background: var(--wp--preset--color--dark-blue);

        header.wp-block-template-part {
            top: 0 !important;

            .te-open-cart-button {
                display: none !important;
            }
        }

        #sticky-abo,
        #wpadminbar,
        footer.wp-block-template-part {
            display: none;
        }
    }
}