.dfw-chatbox {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-weight: bold;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    cursor: pointer;
    z-index: 9999;
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.6s ease;
}
.dfw-chatbox.dfw-animate {
    opacity: 1;
    transform: translateY(0);
}
.dfw-chatbox img.dfw-logo {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}


.dfw-float-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: white;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    z-index: 10000;
    transition: transform 0.3s ease;
}
.dfw-float-btn:hover { transform: scale(1.1); }

.dfw-popup-chat {
    position: fixed;
    bottom: 90px;
    right: 20px;
    width: 280px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: all 0.3s ease;
    font-family: sans-serif;
    overflow: hidden;
    z-index: 9999;
}
.dfw-popup-chat.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.dfw-popup-chat .dfw-header {
    padding: 10px;
    color: white;
}
.dfw-popup-chat .dfw-body {
    padding: 10px;
}
.dfw-popup-chat .dfw-start-btn {
    display: block;
    text-align: center;
    margin-top: 10px;
    padding: 8px;
    background: #25D366;
    color: white !important;
    text-decoration: none;
    border-radius: 6px;
}


.dfw-header {
    display: flex;
    align-items: center;
    gap: 8px;
}
.dfw-header .dfw-popup-logo-full {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: white;
    padding: 2px;
}


.dfw-header .dfw-popup-logo-full {
    max-height: 40px;
    width: auto;
}


.dfw-email-btn {
    display: block;
    text-align: center;
    margin-top: 8px;
    padding: 8px;
    background: #0073e6;
    color: white !important;
    text-decoration: none;
    border-radius: 6px;
}
.dfw-email-btn:hover {
    background: #005bb5;
}


@keyframes dfw-bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-15px); }
    60% { transform: translateY(-7px); }
}

.dfw-float-btn {
    animation: dfw-bounce 1s ease;
    animation-delay: 0.6s;
    animation-iteration-count: 2;
}


.dfw-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dfw-header .dfw-time {
    margin-left: auto;
    font-size: 12px;
    opacity: 0.9;
    color: white;
}


@keyframes blinkCursor {
    0% { border-color: transparent; }
    50% { border-color: #555; }
    100% { border-color: transparent; }
}

.dfw-typing {
    border-right: 2px solid #555;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}


.dfw-typing {
    animation: blinkCursor 0.8s infinite;
}