#whatsapp.wa-widget {
    position: fixed !important;
    right: 1rem !important;
    bottom: 1rem !important;
    width: min(25rem, calc(100vw - 1.5rem)) !important;
    max-width: calc(100vw - 1.5rem) !important;
    z-index: 1200 !important;
}

#whatsapp.wa-widget .wa-widget-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.92) !important;
    border: 1px solid rgba(103, 232, 249, 0.28) !important;
    box-shadow: 0 14px 34px rgba(2, 6, 23, 0.45) !important;
}

#whatsapp.wa-widget.is-open .wa-widget-toggle {
    display: none !important;
}

#whatsapp.wa-widget .wa-widget-content,
#whatsapp.wa-widget .chat-tab,
#whatsapp.wa-widget .wa-widget-content.chat-tab {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100vh - 2rem) !important;
    border-radius: 0.85rem !important;
    border: 1px solid rgba(103, 232, 249, 0.24) !important;
    box-shadow: 0 30px 80px rgba(2, 6, 23, 0.55) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    background: rgba(2, 6, 23, 0.98) !important;
}

#whatsapp.wa-widget .window,
#whatsapp.wa-widget [class*="window"] {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100vh - 2rem) !important;
    border-radius: 0.85rem !important;
    border: 1px solid rgba(103, 232, 249, 0.24) !important;
    box-shadow: 0 30px 80px rgba(2, 6, 23, 0.55) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    background: rgba(2, 6, 23, 0.98) !important;
}

#whatsapp.wa-widget .chat-header,
#whatsapp.wa-widget [class*="chat-header"] {
    background: linear-gradient(135deg, #0f766e, #0891b2) !important;
    color: #f8fafc !important;
    border: 0 !important;
    padding: 1rem 1.1rem !important;
}

#whatsapp.wa-widget .chat-header *,
#whatsapp.wa-widget [class*="chat-header"] * {
    color: #f8fafc !important;
}

#whatsapp.wa-widget .chat-body,
#whatsapp.wa-widget [class*="chat-body"],
#whatsapp.wa-widget .chat-content,
#whatsapp.wa-widget [class*="chat-content"] {
    background: #0b1220 !important;
    color: #e2e8f0 !important;
    padding: 0.85rem 0.9rem !important;
}

#whatsapp.wa-widget .chat-body,
#whatsapp.wa-widget [class*="chat-body"] {
    flex: 1 1 auto !important;
    overflow: auto !important;
}

#whatsapp.wa-widget .chat-body *,
#whatsapp.wa-widget [class*="chat-body"] * {
    color: #dbe7f5 !important;
}

#whatsapp.wa-widget .chat-footer,
#whatsapp.wa-widget [class*="chat-footer"],
#whatsapp.wa-widget .chat-form,
#whatsapp.wa-widget form {
    background: #0f172a !important;
    border-top: 1px solid rgba(103, 232, 249, 0.16) !important;
    padding: 0.9rem !important;
}

#whatsapp.wa-widget .chat-form {
    display: grid !important;
    gap: 0.55rem !important;
}

#whatsapp.wa-widget input[type="text"],
#whatsapp.wa-widget input[type="email"],
#whatsapp.wa-widget input[type="tel"],
#whatsapp.wa-widget textarea,
#whatsapp.wa-widget select {
    background: #f8fafc !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 0.55rem !important;
    min-height: 2.7rem !important;
}

#whatsapp.wa-widget input::placeholder,
#whatsapp.wa-widget textarea::placeholder {
    color: #64748b !important;
    opacity: 1 !important;
}

#whatsapp.wa-widget button[type="submit"],
#whatsapp.wa-widget input[type="submit"] {
    background: linear-gradient(180deg, #22d3ee, #0891b2) !important;
    color: #05243a !important;
    border: 1px solid rgba(103, 232, 249, 0.4) !important;
    border-radius: 0.55rem !important;
    min-height: 2.7rem !important;
    width: 100% !important;
    font-weight: 800 !important;
}

#whatsapp.wa-widget button[type="submit"]:hover,
#whatsapp.wa-widget input[type="submit"]:hover {
    background: linear-gradient(180deg, #67e8f9, #06b6d4) !important;
}

.wa-widget-close {
    width: 2.15rem !important;
    height: 2.15rem !important;
    top: 0.65rem !important;
    right: 0.65rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.32) !important;
    background: rgba(2, 6, 23, 0.75) !important;
    color: #f8fafc !important;
    font-size: 1.35rem !important;
    line-height: 1 !important;
}

.wa-widget-backdrop {
    z-index: 1190 !important;
    background: rgba(2, 6, 23, 0.64) !important;
}

body.wa-widget-open {
    overflow: hidden !important;
}

@media (max-width: 767px) {
    #whatsapp.wa-widget {
        right: 0.5rem !important;
        left: 0.5rem !important;
        bottom: 0.5rem !important;
        width: auto !important;
        max-width: none !important;
    }

    #whatsapp.wa-widget .window,
    #whatsapp.wa-widget [class*="window"],
    #whatsapp.wa-widget .wa-widget-content,
    #whatsapp.wa-widget .chat-tab,
    #whatsapp.wa-widget .wa-widget-content.chat-tab {
        max-height: calc(100vh - 1rem) !important;
        border-radius: 0.75rem !important;
    }
}