.wfdg-hud { 
        position: absolute; bottom: -32px; right: 0; 
        font-size: 12px; font-weight: 500; color: #777; 
        display: flex; align-items: center; gap: 8px; 
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        pointer-events: none; opacity: 0; transform: translateY(5px);
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        z-index: 100;
    }
    .wfdg-hud.active { opacity: 1; transform: translateY(0); }
    
    /* Text Animation */
    .wfdg-text-frame { overflow: hidden; height: 18px; line-height: 18px; }
    .wfdg-text { display: block; transition: transform 0.2s ease, opacity 0.2s ease; }
    .wfdg-transitioning .wfdg-text { transform: translateY(-100%); opacity: 0; }

    /* Indicator Dot */
    .wfdg-indicator { width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; }
    .wfdg-dot { 
        height: 7px; width: 7px; background-color: #2ecc71; border-radius: 50%; 
        transition: all 0.3s ease;
    }

    /* Saving State: Pulsing Yellow */
    .wfdg-saving .wfdg-dot { 
        background-color: #f1c40f; 
        box-shadow: 0 0 0 0 rgba(241, 196, 15, 0.7);
        animation: wfdg-pulse 1.5s infinite; 
    }

    /* Complete State: Scale up Green */
    .wfdg-complete .wfdg-dot { 
        background-color: #27ae60;
        transform: scale(1.2);
    }

    @keyframes wfdg-pulse {
        0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(241, 196, 15, 0.7); }
        70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(241, 196, 15, 0); }
        100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(241, 196, 15, 0); }
    }

    .elementor-form, .gform_wrapper, .wpforms-container, .wpcf7 { position: relative; margin-bottom: 40px !important; }