@media (min-width: 640px) {
    .account-header__body {
        overflow: visible;
        align-items: flex-start;
    }

    .account-header.panel {
        overflow: visible;
    }

    .account-header__email-row {
        align-items: center;
        align-self: flex-start;
        gap: var(--space-2);
        flex-wrap: nowrap;
        width: fit-content;
        max-width: 100%;
        min-width: 0;
        display: inline-flex;
        position: relative;
        overflow: visible;
    }

    .account-header__email-row .account-header__email {
        flex: 0 1 auto;
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .profile-email-verify__chip {
        position: relative;
        flex: 0 0 auto;
        width: 28px;
        height: 28px;
        color: var(--color-danger);
        background: linear-gradient(
            145deg,
            color-mix(in srgb, var(--color-danger) 18%, var(--color-surface-2)),
            color-mix(in srgb, var(--color-danger) 8%, var(--color-surface))
        );
        border: 1px solid color-mix(in srgb, var(--color-danger) 35%, transparent);
        border-radius: var(--radius-pill);
        place-items: center;
        display: inline-grid;
        text-decoration: none;
        cursor: pointer;
        transition:
            transform 0.18s ease,
            border-color 0.18s ease,
            box-shadow 0.18s ease,
            color 0.18s ease;
        box-shadow:
            0 0 0 1px color-mix(in srgb, var(--color-danger) 10%, transparent),
            0 4px 14px color-mix(in srgb, var(--color-danger) 16%, transparent);
    }

    .profile-email-verify__chip-glow {
        position: absolute;
        inset: -2px;
        border-radius: inherit;
        background: radial-gradient(circle, color-mix(in srgb, var(--color-danger) 28%, transparent), transparent 70%);
        opacity: 0.55;
        pointer-events: none;
        animation: profile-email-verify-pulse 2.4s ease-in-out infinite;
    }

    .profile-email-verify__chip-icon {
        position: relative;
        z-index: 1;
        display: grid;
        place-items: center;
    }

    .profile-email-verify__chip-icon svg {
        display: block;
    }

    .profile-email-verify__chip:hover,
    .profile-email-verify__chip:focus-visible {
        transform: translateY(-1px) scale(1.04);
        color: #ff8a8a;
        border-color: color-mix(in srgb, var(--color-danger) 55%, transparent);
        box-shadow:
            0 0 0 1px color-mix(in srgb, var(--color-danger) 20%, transparent),
            0 8px 22px color-mix(in srgb, var(--color-danger) 24%, transparent);
    }

    .profile-email-verify__chip:focus-visible {
        outline: 2px solid var(--color-primary);
        outline-offset: 2px;
    }

    .profile-email-verify__tooltip {
        position: absolute;
        z-index: 30;
        top: 50%;
        left: calc(100% + 10px);
        min-width: 168px;
        max-width: 220px;
        padding: var(--space-2) var(--space-3);
        text-align: left;
        white-space: nowrap;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-50%) translateX(-8px);
        transition:
            opacity 0.18s ease,
            transform 0.18s ease,
            visibility 0.18s ease;
        background: color-mix(in srgb, var(--color-surface-2) 92%, transparent);
        backdrop-filter: blur(10px);
        border: 1px solid color-mix(in srgb, var(--color-border) 80%, var(--color-danger) 20%);
        border-radius: var(--radius-md);
        box-shadow:
            0 10px 30px color-mix(in srgb, #000 28%, transparent),
            0 0 0 1px color-mix(in srgb, var(--color-danger) 12%, transparent);
    }

    .profile-email-verify__tooltip::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 100%;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-right: -5px;
        transform: rotate(45deg);
        background: inherit;
        border-bottom: 1px solid color-mix(in srgb, var(--color-border) 80%, var(--color-danger) 20%);
        border-left: 1px solid color-mix(in srgb, var(--color-border) 80%, var(--color-danger) 20%);
    }

    .profile-email-verify__tooltip-title {
        display: block;
        font-size: var(--text-xs);
        font-weight: var(--fw-bold);
        color: var(--color-text);
        letter-spacing: 0.01em;
        line-height: 1.3;
    }

    .profile-email-verify__tooltip-sub {
        display: block;
        margin-top: 2px;
        font-size: var(--text-2xs);
        font-weight: var(--fw-medium);
        color: var(--color-text-muted);
        line-height: 1.35;
    }

    .account-header__email-row:has(.profile-email-verify__chip:hover) .profile-email-verify__tooltip,
    .account-header__email-row:has(.profile-email-verify__chip:focus-visible) .profile-email-verify__tooltip,
    .account-header__email-row:has(.profile-email-verify__chip.is-tooltip-open) .profile-email-verify__tooltip {
        opacity: 1;
        visibility: visible;
        transform: translateY(-50%) translateX(0);
    }
}

@keyframes profile-email-verify-pulse {
    0%,
    100% {
        opacity: 0.4;
        transform: scale(0.96);
    }

    50% {
        opacity: 0.75;
        transform: scale(1.04);
    }
}