/* Maava AI Sales — visual-only polish. No behavior/backend changes. */

#maava-ai-sales-chat .maava-ai-chat-fab[aria-expanded="true"] {
    display: none !important;
}

#maava-ai-sales-chat .maava-ai-chat-fab {
    min-height: 58px !important;
    padding: 7px 18px 7px 8px !important;
    gap: 10px !important;
    border: 1px solid rgba(22,131,255,.16) !important;
    border-radius: 19px !important;
    background: linear-gradient(145deg,#ffffff 0%,#f3f9ff 100%) !important;
    color: #17324d !important;
    box-shadow: 0 16px 38px rgba(15,23,42,.16),0 5px 16px rgba(22,131,255,.12) !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
    transition: transform .18s ease,box-shadow .18s ease,border-color .18s ease !important;
}

#maava-ai-sales-chat .maava-ai-chat-fab img {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    border: 2px solid #e7f3ff !important;
    box-shadow: 0 4px 12px rgba(15,23,42,.10) !important;
}

#maava-ai-sales-chat .maava-ai-chat-fab span {
    font-size: 13px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

#maava-ai-sales-chat .maava-ai-chat-fab:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(22,131,255,.30) !important;
    box-shadow: 0 20px 44px rgba(15,23,42,.19),0 6px 18px rgba(22,131,255,.15) !important;
}

#maava-ai-sales-chat .maava-ai-chat-panel {
    width: min(460px,calc(100vw - 40px)) !important;
    height: min(700px,calc(100vh - 115px)) !important;
    right: 20px !important;
    bottom: 92px !important;
    border: 1px solid rgba(15,23,42,.08) !important;
    border-radius: 24px !important;
    box-shadow: 0 24px 70px rgba(15,23,42,.22),0 5px 20px rgba(15,23,42,.08) !important;
    background: #fff !important;
}

#maava-ai-sales-chat .maava-ai-chat-header {
    min-height: 76px !important;
    padding: 12px 15px !important;
    background: linear-gradient(135deg,#1278ef 0%,#36a8ff 100%) !important;
}

#maava-ai-sales-chat .maava-ai-chat-profile {
    gap: 11px !important;
}

#maava-ai-sales-chat .maava-ai-chat-profile img {
    width: 48px !important;
    height: 48px !important;
    border: 2px solid rgba(255,255,255,.86) !important;
    box-shadow: 0 5px 15px rgba(0,0,0,.12) !important;
}

#maava-ai-sales-chat .maava-ai-chat-header strong {
    font-size: 16px !important;
    font-weight: 850 !important;
}

#maava-ai-sales-chat .maava-ai-chat-header small {
    font-size: 11px !important;
}

#maava-ai-sales-chat .maava-ai-chat-close {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.12) !important;
    font-size: 25px !important;
    line-height: 1 !important;
    transition: background .18s ease,transform .18s ease !important;
}

#maava-ai-sales-chat .maava-ai-chat-close:hover {
    background: rgba(255,255,255,.22) !important;
    transform: scale(1.04) !important;
}

#maava-ai-sales-chat .maava-ai-chat-messages {
    padding: 17px !important;
    gap: 11px !important;
    background: linear-gradient(180deg,#f7faff 0%,#f4f7fb 100%) !important;
}

#maava-ai-sales-chat .maava-ai-msg {
    max-width: 86% !important;
    padding: 11px 13px !important;
    border-radius: 17px !important;
    line-height: 1.95 !important;
    font-size: 13px !important;
    box-shadow: 0 2px 8px rgba(15,23,42,.035) !important;
}

#maava-ai-sales-chat .maava-ai-msg.customer {
    background: #e8f3ff !important;
    border: 1px solid rgba(22,131,255,.07) !important;
}

#maava-ai-sales-chat .maava-ai-msg.assistant,
#maava-ai-sales-chat .maava-ai-msg.human {
    border: 1px solid rgba(15,23,42,.065) !important;
    background: #fff !important;
}

#maava-ai-sales-chat .maava-ai-msg.human {
    border-color: #f3d99e !important;
    background: #fffaf0 !important;
}

#maava-ai-sales-chat .maava-ai-product {
    margin-top: 9px !important;
    padding: 10px !important;
    border-radius: 13px !important;
    border-color: #e4e9f0 !important;
    box-shadow: 0 5px 16px rgba(15,23,42,.05) !important;
}

#maava-ai-sales-chat .maava-ai-product-image {
    max-height: 210px !important;
    border-radius: 10px !important;
}

#maava-ai-sales-chat .maava-ai-buy,
#maava-ai-sales-chat .maava-ai-handoff-btn,
#maava-ai-sales-chat .maava-ai-chat-send {
    min-height: 42px !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
}

#maava-ai-sales-chat .maava-ai-chat-handoff {
    padding: 9px 12px !important;
    border-top: 1px solid #eef1f5 !important;
}

#maava-ai-sales-chat .maava-ai-handoff-btn {
    background: #fff9ed !important;
    border-color: #f1c66d !important;
    color: #805600 !important;
}

#maava-ai-sales-chat .maava-ai-chat-form {
    gap: 9px !important;
    padding: 11px !important;
    border-top: 1px solid #e7ebf1 !important;
}

#maava-ai-sales-chat .maava-ai-chat-input {
    min-height: 46px !important;
    border-radius: 14px !important;
    border-color: #d9e1ea !important;
    padding: 10px 13px !important;
    background: #fbfcfe !important;
    transition: border-color .18s ease,box-shadow .18s ease,background .18s ease !important;
}

#maava-ai-sales-chat .maava-ai-chat-input:focus {
    border-color: rgba(22,131,255,.55) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(22,131,255,.10) !important;
}

#maava-ai-sales-chat .maava-ai-chat-send {
    width: 46px !important;
    flex: 0 0 46px !important;
    background: linear-gradient(145deg,#1683ff,#0d6fe1) !important;
    box-shadow: 0 6px 16px rgba(22,131,255,.20) !important;
}

@media (max-width: 767.98px) {
    #maava-ai-sales-chat .maava-ai-chat-fab {
        right: 14px !important;
        bottom: calc(var(--maava-mobile-nav-height,76px) + 16px + env(safe-area-inset-bottom)) !important;
        min-height: 56px !important;
        max-width: calc(100vw - 28px) !important;
        padding: 6px 15px 6px 7px !important;
        border-radius: 18px !important;
    }

    #maava-ai-sales-chat .maava-ai-chat-fab img {
        width: 44px !important;
        height: 44px !important;
        flex-basis: 44px !important;
    }

    #maava-ai-sales-chat .maava-ai-chat-panel {
        top: max(8px,env(safe-area-inset-top)) !important;
        right: 8px !important;
        bottom: calc(var(--maava-mobile-nav-height,76px) + 8px + env(safe-area-inset-bottom)) !important;
        width: calc(100vw - 16px) !important;
        height: auto !important;
        max-height: none !important;
        border-radius: 22px !important;
        box-shadow: 0 20px 60px rgba(15,23,42,.24) !important;
    }

    #maava-ai-sales-chat .maava-ai-chat-header {
        min-height: 68px !important;
        padding: 9px 11px !important;
    }

    #maava-ai-sales-chat .maava-ai-chat-profile img {
        width: 43px !important;
        height: 43px !important;
    }

    #maava-ai-sales-chat .maava-ai-chat-header strong {
        font-size: 14px !important;
    }

    #maava-ai-sales-chat .maava-ai-chat-header small {
        font-size: 10px !important;
        margin-top: 2px !important;
    }

    #maava-ai-sales-chat .maava-ai-chat-close {
        width: 36px !important;
        height: 36px !important;
    }

    #maava-ai-sales-chat .maava-ai-chat-messages {
        padding: 12px !important;
        gap: 9px !important;
    }

    #maava-ai-sales-chat .maava-ai-msg {
        max-width: 91% !important;
        padding: 9px 11px !important;
        border-radius: 15px !important;
        font-size: 12.5px !important;
        line-height: 1.85 !important;
    }

    #maava-ai-sales-chat .maava-ai-product-image {
        max-height: 175px !important;
    }

    #maava-ai-sales-chat .maava-ai-chat-form {
        padding: 8px !important;
        gap: 7px !important;
    }

    #maava-ai-sales-chat .maava-ai-chat-input {
        min-height: 44px !important;
        font-size: 13px !important;
    }

    #maava-ai-sales-chat .maava-ai-chat-send {
        width: 44px !important;
        flex-basis: 44px !important;
        min-height: 44px !important;
    }

    #maava-ai-sales-chat .maava-ai-chat-handoff {
        padding: 7px 9px !important;
    }

    #maava-ai-sales-chat .maava-ai-handoff-btn {
        min-height: 40px !important;
        padding: 7px 9px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 390px) {
    #maava-ai-sales-chat .maava-ai-chat-fab {
        right: 10px !important;
        max-width: calc(100vw - 20px) !important;
    }

    #maava-ai-sales-chat .maava-ai-chat-panel {
        right: 6px !important;
        width: calc(100vw - 12px) !important;
        border-radius: 20px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #maava-ai-sales-chat .maava-ai-chat-fab,
    #maava-ai-sales-chat .maava-ai-chat-close,
    #maava-ai-sales-chat .maava-ai-chat-input {
        transition: none !important;
    }
}