@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
/* @import url("https://fonts.googleapis.com/css?family=Open+Sans"); */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* Vidya gpt css start */

/* Common variables */
:root {
    /* new */
    --ee-text-dark: #393939;
    --ee-white: #fff;
    /* Existing variables */
    --ee-show-on-mobile: none;
    --ee-show-on-other: block;
    --ee-input-field-placeholder-color: #A0A8BD;
    --ee-calender-buttons-hover: #EEEEEE;
    /* common */


    --ee-primary-font-color: #4A4A4A;
    /* This below color is used mostly */

    --ee-secondaory-font-color: #7D7D7D;
    --ee-background-color: #f5f6f6;
    --ee-border-color: #D8D8D8;
    --ee-copyright-footer-font-color: #7D7D7D;
    /* theme change */
    --ee-chat-bot-color: #1B3761;
    --ee-chat-bot-button-color: #1B3761;
    --ee-course-hover-background: #1B3761;
    --ee-chat-bot-options-hover: #E9F4FB;
    /* If light theme is there then need to change thes colors and images fill in frontend */
    /* header color */
    --ee-header-font-color: var(--ee-white);
    /*  */
    --ee-user-font-family: var(--ee-user-font-family);
    --ee-selected-course-color: var(--ee-white);
    --ee-user-input-color: var(--ee-white);
    --ee-user-submit-disabled: rgba(28, 55, 97, 0.60);
    /* dark image for light ui #393939 fill , #gptHeader > img*/
    /* Prompt carousel offset when #searchBox/#vidyaone present; JS: getVidyaPromptCarouselBottomBasePx() */
    --ee-vidya-prompt-carousel-bottom-compose-new-flow: 74px;
    --ee-vidya-prompt-carousel-bottom-compose-legacy: 89px;
}



/* Header styles */
#__eedivChatMain #gptHeader {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    background: var(--ee-chat-bot-button-color);
    /* border: 1px solid var(--ee-border-color); */
    border-bottom: 1px solid var(--ee-border-color);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    z-index: 2144836470;
}

#__eedivChatMain #navigation {
    display: flex;
    align-items: center;
    min-width: 0;
}

    #__eedivChatMain #navigation > span,
    #__eedivChatMain #navigation .vidyaai-header-title {
        color: var(--ee-header-font-color);
        font-size: 16px;
        line-height: 24px !important;
        font-weight: 600;
        letter-spacing: 0.1px;
        margin-left: 6px;
        vertical-align: super;
        min-width: fit-content;
    }

    #__eedivChatMain #navigation .vidyaai-header-title-hidden {
        display: none !important;
    }

    #__eedivChatMain #navigation .vidyaai-back-icon {
        margin-right: 10px;
        cursor: pointer;
        visibility: hidden;
    }

#__eedivChatMain .back_icon #navigation .vidyaai-back-icon {
    visibility: unset;
}

#__eedivChatMain #navigation .vidyaai-header-chats-icon {
    width: 26px !important;
    height: 26px !important;
    margin-right: 4px !important;
    border-radius: 50%;
}

#__eedivChatMain #largeHeightHeader[hidden] {
    display: none !important;
}

#__eedivChatMain #gptHeader.vidyaai-header-large-mode #navigation > :not(#largeHeightHeader) {
    display: none !important;
}

#__eedivChatMain #gptHeader.vidyaai-header-large-mode #largeHeightHeader {
    display: flex !important;
}

#__eedivChatMain #gptHeader {
    min-height: 66px;
    box-sizing: border-box;
}

#__eedivChatMain #gptHeader.vidyaai-header-large-mode {
    min-height: 96px;
}

/* Action buttons */
#__eedivChatMain #actionButtons {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin: 0px;
}

    #__eedivChatMain #actionButtons > button {
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
        height: max-content;
        width: max-content;
        line-height: normal !important;
    }

/* @media (max-width: 1223px) {
    #__eedivChatMain #actionButtons > button:nth-child(1) {
        visibility: hidden
    }
} */

/* Large header */
#__eedivChatMain #largeHeightHeader {
    /* padding-bottom: 82px; */
    padding-bottom: 68px;
    display: flex;
    gap: 8px;
    margin-top: -6px;
}

    #__eedivChatMain #largeHeightHeader > p {
        color: var(--ee-header-font-color);
        font-size: 16px;
        /* font-weight: 600; */
        line-height: 22px !important;
        letter-spacing: 0.1px;
        margin: 8px 0 0;
    }

    #__eedivChatMain #largeHeightHeader > img {
        width: 48px;
        height: 48px;
        border-radius: 50%;
    }

/* Prompt carousel */
#__eedivChatMain #promptCarouselWithButtons {
    display: flex;
    width: -webkit-fill-available;
    bottom: 77px;
    position: absolute;
    z-index: 99999999999;
    margin: 0px 0px 0px;
    background: white;
    padding: 0px 0px;
    margin-bottom: -70px !important;
}

#__eedivChatMain .vidya-new-gpt-flow #promptCarouselWithButtons {
    margin-bottom: -50px !important;
}

#__eedivChatMain #__eechatWindow.vidya-new-gpt-flow #__eechatmsg_information,
#__eedivChatMain #__eechatWindow.vidya-new-gpt-flow .ac-container.ac-adaptiveCard.__eeChatBot-custom-adaptiveCard.vidyaai-otp-card
{
    display: none !important;
}

#__eedivChatMain #__eechatWindow.vidya-new-gpt-flow.vidya-has-compose-host #promptCarouselWithButtons {
    bottom: var(--ee-vidya-prompt-carousel-bottom-compose-new-flow) !important;
}

#__eedivChatMain #__eechatWindow:not(.vidya-new-gpt-flow).vidya-has-compose-host #promptCarouselWithButtons {
    bottom: var(--ee-vidya-prompt-carousel-bottom-compose-legacy) !important;
}

    #__eedivChatMain #promptCarouselWithButtons {
        transition: opacity 0.3s ease, transform 0.35s ease, translate 0.35s ease;
    }

    #__eedivChatMain #promptCarouselWithButtons.carousel-in-animation {
        translate: 0px -50px !important;
        opacity: 1;
    }

    #__eedivChatMain #vidyaSearchBox,
    #__eedivChatMain #searchBox {
        transition: opacity 0.28s ease, transform 0.28s ease;
    }

    #__eedivChatMain #promptCarouselWithButtons > div:nth-child(1) {
        padding: 10px 16px;
        scrollbar-width: none;
    }

#__eedivChatMain #promptCarousel {
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
    overflow-x: scroll;
    width: 100%;
    padding-right: 50px;
}

    #__eedivChatMain #promptCarousel::-webkit-scrollbar {
        display: none; /* Chrome, Safari and Opera */
    }

#__eedivChatMain #promptCarousel {
    overflow-x: scroll;
    scroll-behavior: smooth;
}

    #__eedivChatMain #promptCarousel button, #feedbackPopUp #ratingChips button {
        color: var(--ee-primary-font-color);
        border-radius: 30px;
        border: 1px solid var(--ee-border-color) !important;
        background: var(--ee-white);
        padding: 6px 12px;
        font-size: 13px;
        white-space: nowrap;
        line-height: 20px !important;
        margin: 0px;
        min-width: max-content !important;
        box-shadow: none !important;
        font-weight: 400 !important;
    }

#__eedivChatMain #promptCarousel button:not(:disabled):not(.carousel-prompt-disabled) {
    cursor: pointer;
}

#__eedivChatMain #promptCarousel button:disabled,
#__eedivChatMain #promptCarousel button.carousel-prompt-disabled,
#__eechatWindow.interactions-paused #promptCarousel button {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.7;
}

#feedbackPopUp.submitted #ratingChips button {
    cursor: not-allowed;
}

#feedbackPopUp.submitted #ratingStars img {
    cursor: not-allowed;
}

#feedbackPopUp #ratingChips button:hover {
    background: var(--ee-chat-bot-button-color);
    color: var(--ee-user-input-color);
}

    #__eedivChatMain #promptCarousel button:not(:disabled):not(.carousel-prompt-disabled):hover,
    #feedbackPopUp #ratingChips button.selected {
        background: var(--ee-chat-bot-button-color);
        color: var(--ee-user-input-color);
        border: 1px solid var(--ee-chat-bot-button-color) !important;
    }

@keyframes ratingChipsHeightEnter {
    from {
        transform: scaleY(0.8);
        opacity: 0.8;
    }
    to {
        transform: scaleY(1);
        opacity: 1;
    }
}

#feedbackPopUp #ratingChips {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 8px;
    margin-top: 20px;
    transition: height 1s cubic-bezier(.4, 0, .2, 1), transform .27s cubic-bezier(.4, 0, .2, 1), opacity .27s cubic-bezier(.4, 0, .2, 1);
    transform-origin: top;
    animation: ratingChipsHeightEnter .27s cubic-bezier(.4, 0, .2, 1) forwards;
    will-change: height, transform, opacity;
}

#__eedivChatMain #historyPreviousChat.expandedchat #feedbackPopUp {
    max-width: 100%;
}

@media (min-width:1224px) {
    #__eedivChatMain #historyPreviousChat.expandedchat #feedbackPopUp {
        max-width: 65% !important;
    }
}

#__eedivChatMain .scroll-button {
    background-color: var(--ee-background-color);
    border: none;
    cursor: pointer;
    border-radius: 50%;
    padding: 4.5px 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#__eedivChatMain #leftButton, #__eedivChatMain #rightButton {
    cursor: pointer;
    border: 1px solid var(--ee-border-color) !important;
}


#__eedivChatMain #leftButton:hover, #__eedivChatMain #rightButton:hover {
    box-shadow: none !important;
    transition: none !important;
}

#__eedivChatMain #leftButton {
    display: none;
}

#__eedivChatMain #rightButton {
    display: none;
}

#__eedivChatMain #leftButton {
    left: 10px;
}

#rightButton {
    right: 10px;
}

#__eedivChatMain .scroll-button img {
    width: 14px;
    height: 22px;
    background-color: var(--ee-background-color);
    border-radius: 50%;
    padding: 0;
}

/* Chat messages */
#__eedivChatMain #chatMessages {
    display: block;
    height: 466px;
    margin: 18px 16px;
    overflow: auto;
    scrollbar-width: none;
}

#__eedivChatMain .reply_content {
    display: flex;
    padding: 12px;
    flex-direction: column;
    gap: 8px;
    border-radius: 2px 12px 12px;
    background: var(--ee-background-color);
    margin-right: 24px;
    overflow: visible !important;
    position: relative;
    isolation: isolate;
}

#__eedivChatMain .reply ul > li.bold::marker, #__eedivChatMain .reply ol > li.bold::marker {
    font-weight: bold;
}

#__eedivChatMain .reply ul, #__eedivChatMain .reply ol {
    padding-left: 20px;
}
/* .table-wrapper {
      overflow-x: auto; 
      max-width: 100%;  
    }
    */
#__eedivChatMain .reply table {
    border-collapse: collapse;
    table-layout: auto; /* Or 'fixed' if you want strict column widths */
    display: block;
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    /* Optional: smooth scrolling (nice UX) */
    scroll-behavior: smooth;
    width: calc(max-content + 2px) !important;
    max-width: calc(100% - 2px) !important;
    scrollbar-width: thin;
}

    /* For WebKit (Chrome, Safari) */
    #__eedivChatMain .reply table::-webkit-scrollbar {
        display: none;
    }

#__eedivChatMain .reply pre::-webkit-scrollbar {
    display: none;
}

#__eedivChatMain .reply pre {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    /* Optional: smooth scrolling (nice UX) */
    scroll-behavior: smooth;
    overflow: scroll;
    background: #ececec;
    padding: 4px 8px;
    border-radius: 8px;
}

#__eedivChatMain .reply th,
#__eedivChatMain .reply td {
    min-width: 100px; /* Minimum width for each cell */
    padding: 8px;
    border: 1px solid #ccc;
    max-width: max-content;
    overflow-wrap: break-word;
    word-break: break-word; /* Allows breaking only if a word is too long */
}


#__eedivChatMain .icon_and_name {
    display: flex;
    align-items: center;
    min-width: 218px;
}

    #__eedivChatMain .icon_and_name img {
        height: 26px;
        width: 26px;
        margin-right: 8px;
        border-radius: 50%;
    }

#__eedivChatMain .chatai_name {
    color: var(--ee-text-dark);
    font-size: 13px;
    font-weight: 600;
    line-height: 22px !important;
    letter-spacing: 0.1px;
}

#__eedivChatMain .reply * {
    color: var(--ee-text-dark);
    font-size: 13px;
    line-height: 22px !important;
    letter-spacing: 0.1px;
    margin: 0;
}

#__eedivChatMain .reply br {
    line-height: 10px !important;
}

#__eedivChatMain .reply a {
    text-decoration: underline;
    color: #2A6ED2 !important;
    font-size: 13px;
}
/* Chat actions */
#__eedivChatMain .chatActions {
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding: 0 24px 0px 0;
    gap: 8px;
    margin-top: -12px;
}
#__eedivChatMain .static .chatActions {
    padding: 0;
}
#__eedivChatMain #historyPreviousChat.expandedchat div:not(.static) .chatActions time {
    margin-right: -24px;
}

#__eedivChatMain .actions {
    display: flex;
    align-items: center;
    margin-left: 0px;
    padding: 6px;
    border-radius: 4px;
    border: 1px solid var(--ee-border-color);
    background: var(--ee-white);
    box-shadow: 0 1px 22px rgba(0, 0, 0, 0.08);
    /* Hidden until hover on message body (.reply_content) or the actions row (.chatActions). */
    opacity: 0;
    pointer-events: auto;
    transition: opacity 0.15s ease;
}

    #__eedivChatMain .actions button {
        border: none;
        background: none;
        cursor: pointer;
        margin: 1px 6px;
        padding: 0px;
        height: auto !important;
        line-height: normal !important;
    }

    #__eedivChatMain .actions img {
        width: 16px;
        height: 16px;
    }

#__eedivChatMain .chatreply {
    margin-left: 0px;
    margin-top: 16px;
    overflow: visible;
}

/* .actions is a sibling of .reply_content under .chatreply; use ~ not descendant. */
#__eedivChatMain .reply_content:hover ~ .chatActions .actions,
#__eedivChatMain .chatActions:hover .actions,
#__eedivChatMain .chatActions:focus-within .actions {
    opacity: 1;
    z-index: 1;
}

/* Search box */
#__eedivChatMain #searchBox, #__eedivChatMain #vidyaone {
    display: flex;
    justify-content: space-between !important;
    padding: 7px 12px !important;
    align-items: center !important;
    border-top: 1px solid var(--ee-border-color) !important;
    margin-top: 10px !important;
    bottom: 24px !important;
    position: absolute !important;
    z-index: 99999999999 !important;
    width: -webkit-fill-available !important;
    background: white !important;
    /* width: calc(100% - 24px); */
    overflow: visible !important;
}

#__eedivChatMain .vidya-new-gpt-flow #searchBox, #__eedivChatMain .vidya-new-gpt-flow #vidyaone {
    bottom: 36px !important;
}

/* Hide default border when recording and show animated gradient */
#__eedivChatMain #searchBox.recording,
    #__eedivChatMain #vidyaone.recording,
#__eedivChatMain #vidyaaiFigmaSearchHost.recording {
    border-top: none !important;
    /* Create a "Google AI mode" style glow under the search box while listening */
    --ee-voice-glow-y: 10px !important;
    --ee-voice-glow-blur-1: 20px !important;
    --ee-voice-glow-blur-2: 14px !important;
    --ee-voice-glow-a-pink: 0.22 !important;
    --ee-voice-glow-a-blue: 0.18 !important;
    box-shadow:
        0 var(--ee-voice-glow-y) var(--ee-voice-glow-blur-1) rgba(255, 95, 199, var(--ee-voice-glow-a-pink)),
        0 var(--ee-voice-glow-y) var(--ee-voice-glow-blur-2) rgba(94, 200, 242, var(--ee-voice-glow-a-blue)) !important;
}

/* Optional: keep the glow subtle until we actually detect speech ("Listening..." placeholder state) */
#__eedivChatMain #searchBox.recording.recording-listening:not(.amplitude-low):not(.amplitude-medium):not(.amplitude-high),
    #__eedivChatMain #vidyaone.recording.recording-listening:not(.amplitude-low):not(.amplitude-medium):not(.amplitude-high),
#__eedivChatMain #vidyaaiFigmaSearchHost.recording.recording-listening:not(.amplitude-low):not(.amplitude-medium):not(.amplitude-high) {
    --ee-voice-glow-y: 8px !important;
    --ee-voice-glow-blur-1: 14px !important;
    --ee-voice-glow-blur-2: 10px !important;
    --ee-voice-glow-a-pink: 0.10 !important;
    --ee-voice-glow-a-blue: 0.08 !important;
}

/* Animated gradient top border for microphone amplitude feedback */
#__eedivChatMain #searchBox.recording::before,
    #__eedivChatMain #vidyaone.recording::before,
#__eedivChatMain #vidyaaiFigmaSearchHost.recording::before {
    content: "" !important;
    position: absolute !important;
    top: -3px !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(
        90deg,
        #5EC8F2 0%,
        #6BB8FF 15%,
        #7FA8FF 30%,
        #9D7AFF 50%,
        #B88AFF 65%,
        #D572FF 80%,
        #FF6BC8 95%,
        #FF5FC7 100%,
        #5EC8F2 100%
    ) !important;
    background-size: 200% 100% !important;
    opacity: 0.9 !important;
    transition: opacity 0.2s ease-out, height 0.2s ease-out, top 0.2s ease-out !important;
    /* Stay below #selectWidgetsContainer (z-index:30) so AI Quick Action tray is not covered while listening */
    z-index: 0 !important;
    /* Dynamic waveform using CSS custom property set by JavaScript */
    /* Default waveform with subtle peaks and valleys for initial state */
    clip-path: var(--waveform-path, polygon(0% 100%, 0% 60%, 2.5% 58%, 5% 56%, 7.5% 54%, 10% 52%, 12.5% 50%, 15% 48%, 17.5% 50%, 20% 52%, 22.5% 54%, 25% 56%, 27.5% 58%, 30% 56%, 32.5% 54%, 35% 52%, 37.5% 50%, 40% 48%, 42.5% 50%, 45% 52%, 47.5% 54%, 50% 56%, 52.5% 58%, 55% 56%, 57.5% 54%, 60% 52%, 62.5% 50%, 65% 48%, 67.5% 50%, 70% 52%, 72.5% 54%, 75% 56%, 77.5% 58%, 80% 56%, 82.5% 54%, 85% 52%, 87.5% 50%, 90% 48%, 92.5% 50%, 95% 52%, 97.5% 54%, 100% 56%, 100% 100%)) !important;
    animation: dancingGradient 1.5s linear infinite, waveformPulse 2s ease-in-out infinite !important;
    /* Enhanced shadow for depth and glow effect */
    /*
      Add extra drop-shadows with a positive Y offset to make the glow appear
      *under* the search box (Google AI mode feel) while the gradient animates.
    */
    filter:
        drop-shadow(0 1px 3px rgba(255, 95, 199, 0.5))
        drop-shadow(0 1px 2px rgba(94, 200, 242, 0.4))
        drop-shadow(0 var(--ee-voice-glow-y) var(--ee-voice-glow-blur-1) rgba(255, 95, 199, var(--ee-voice-glow-a-pink)))
        drop-shadow(0 var(--ee-voice-glow-y) var(--ee-voice-glow-blur-2) rgba(94, 200, 242, var(--ee-voice-glow-a-blue))) !important;
    box-shadow: 0 1px 6px rgba(255, 95, 199, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    will-change: clip-path, opacity, height !important;
}

/* Default to high-amplitude style on mobile devices when mic is clicked/recording */
@media (max-width: 768px) {
    #__eedivChatMain #searchBox.recording::before,
    #__eedivChatMain #vidyaone.recording::before,
    #__eedivChatMain #vidyaaiFigmaSearchHost.recording::before {
        opacity: 1 !important;
        height: 10px !important;
        top: -10px !important;
        animation: dancingGradient 1s linear infinite, waveformPulse 1s ease-in-out infinite !important;
        --ee-voice-glow-y: 14px !important;
        --ee-voice-glow-blur-1: 32px !important;
        --ee-voice-glow-blur-2: 22px !important;
        --ee-voice-glow-a-pink: 0.34 !important;
        --ee-voice-glow-a-blue: 0.26 !important;
        filter:
            drop-shadow(0 2px 7px rgba(255, 95, 199, 0.7))
            drop-shadow(0 1px 4px rgba(94, 200, 242, 0.6))
            drop-shadow(0 var(--ee-voice-glow-y) var(--ee-voice-glow-blur-1) rgba(255, 95, 199, var(--ee-voice-glow-a-pink)))
            drop-shadow(0 var(--ee-voice-glow-y) var(--ee-voice-glow-blur-2) rgba(94, 200, 242, var(--ee-voice-glow-a-blue))) !important;
        box-shadow: 0 3px 14px rgba(255, 95, 199, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    }
    
    #__eedivChatMain #searchBox.recording::after,
    #__eedivChatMain #vidyaone.recording::after,
    #__eedivChatMain #vidyaaiFigmaSearchHost.recording::after {
        opacity: 0.6 !important;
        height: 10px !important;
        top: -10px !important;
    }

    #micButton .mic-icon .mic-top-oval {
        position: absolute;
        left: 50%;
        top: 6px;
        transform: translateX(-50%);
        width: 3px;
        height: 8px;
        border-radius: 999px;
        overflow: hidden;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.15s ease-out;
        z-index: 1; /* behind the SVG image */
    }
}

/* Listening text overlay merged with the top border */
#__eedivChatMain #searchBox.recording .listening-text,
    #__eedivChatMain #vidyaone.recording .listening-text,
#__eedivChatMain #vidyaaiFigmaSearchHost.recording .listening-text {
    position: absolute !important;
    top: -5px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    color: rgba(255, 255, 255, 0.95) !important;
    background: linear-gradient(
        90deg,
        rgba(94, 200, 242, 0.95) 0%,
        rgba(107, 184, 255, 0.95) 15%,
        rgba(127, 168, 255, 0.95) 30%,
        rgba(157, 122, 255, 0.95) 50%,
        rgba(184, 138, 255, 0.95) 65%,
        rgba(213, 114, 255, 0.95) 80%,
        rgba(255, 107, 200, 0.95) 95%,
        rgba(255, 95, 199, 0.95) 100%
    ) !important;
    background-size: 200% 100% !important;
    padding: 2px 10px !important;
    border-radius: 10px !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    opacity: 0 !important;
    animation: listeningTextFadeIn 0.3s ease-out 0.2s forwards, listeningGradientMove 3s linear infinite !important;
    box-shadow: 0 1px 6px rgba(255, 95, 199, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
    font-family: var(--ee-user-font-family) !important;
    letter-spacing: 0.4px !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(2px) !important;
    line-height: 1.2 !important;
    /* Below widget launcher / quick-action tray (see ::before rule above) */
    z-index: 2 !important;
}

/* Low amplitude - base state, can be overridden by medium/high */
#__eedivChatMain #searchBox.recording.amplitude-low:not(.amplitude-medium):not(.amplitude-high)::before,
    #__eedivChatMain #vidyaone.recording.amplitude-low:not(.amplitude-medium):not(.amplitude-high)::before,
#__eedivChatMain #vidyaaiFigmaSearchHost.recording.amplitude-low:not(.amplitude-medium):not(.amplitude-high)::before {
    opacity: 0.9 !important;
    height: 3px !important;
    top: -3px !important;
    animation: dancingGradient 1.5s linear infinite, waveformPulse 2s ease-in-out infinite !important;
    --ee-voice-glow-y: 10px !important;
    --ee-voice-glow-blur-1: 18px !important;
    --ee-voice-glow-blur-2: 12px !important;
    --ee-voice-glow-a-pink: 0.18 !important;
    --ee-voice-glow-a-blue: 0.14 !important;
    filter:
        drop-shadow(0 1px 3px rgba(255, 95, 199, 0.5))
        drop-shadow(0 1px 2px rgba(94, 200, 242, 0.4))
        drop-shadow(0 var(--ee-voice-glow-y) var(--ee-voice-glow-blur-1) rgba(255, 95, 199, var(--ee-voice-glow-a-pink)))
        drop-shadow(0 var(--ee-voice-glow-y) var(--ee-voice-glow-blur-2) rgba(94, 200, 242, var(--ee-voice-glow-a-blue))) !important;
    box-shadow: 0 1px 6px rgba(255, 95, 199, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

/* Medium amplitude - overrides low, can be overridden by high */
#__eedivChatMain #searchBox.recording.amplitude-medium:not(.amplitude-high)::before,
    #__eedivChatMain #vidyaone.recording.amplitude-medium:not(.amplitude-high)::before,
#__eedivChatMain #vidyaaiFigmaSearchHost.recording.amplitude-medium:not(.amplitude-high)::before {
    opacity: 0.95 !important;
    height: 6px !important;
    top: -6px !important;
    animation: dancingGradient 1.2s linear infinite, waveformPulse 1.5s ease-in-out infinite !important;
    --ee-voice-glow-y: 12px !important;
    --ee-voice-glow-blur-1: 24px !important;
    --ee-voice-glow-blur-2: 16px !important;
    --ee-voice-glow-a-pink: 0.26 !important;
    --ee-voice-glow-a-blue: 0.20 !important;
    filter:
        drop-shadow(0 1px 5px rgba(255, 95, 199, 0.6))
        drop-shadow(0 1px 3px rgba(94, 200, 242, 0.5))
        drop-shadow(0 var(--ee-voice-glow-y) var(--ee-voice-glow-blur-1) rgba(255, 95, 199, var(--ee-voice-glow-a-pink)))
        drop-shadow(0 var(--ee-voice-glow-y) var(--ee-voice-glow-blur-2) rgba(94, 200, 242, var(--ee-voice-glow-a-blue))) !important;
    box-shadow: 0 2px 10px rgba(255, 95, 199, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

/* High amplitude - highest priority, always wins */
#__eedivChatMain #searchBox.recording.amplitude-high::before,
    #__eedivChatMain #vidyaone.recording.amplitude-high::before,
#__eedivChatMain #vidyaaiFigmaSearchHost.recording.amplitude-high::before {
    opacity: 1 !important;
    height: 10px !important;
    top: -10px !important;
    animation: dancingGradient 1s linear infinite, waveformPulse 1s ease-in-out infinite !important;
    --ee-voice-glow-y: 14px !important;
    --ee-voice-glow-blur-1: 32px !important;
    --ee-voice-glow-blur-2: 22px !important;
    --ee-voice-glow-a-pink: 0.34 !important;
    --ee-voice-glow-a-blue: 0.26 !important;
    filter:
        drop-shadow(0 2px 7px rgba(255, 95, 199, 0.7))
        drop-shadow(0 1px 4px rgba(94, 200, 242, 0.6))
        drop-shadow(0 var(--ee-voice-glow-y) var(--ee-voice-glow-blur-1) rgba(255, 95, 199, var(--ee-voice-glow-a-pink)))
        drop-shadow(0 var(--ee-voice-glow-y) var(--ee-voice-glow-blur-2) rgba(94, 200, 242, var(--ee-voice-glow-a-blue))) !important;
    box-shadow: 0 3px 14px rgba(255, 95, 199, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

/* Add fade effect at bottom edge of the gradient bar */
#__eedivChatMain #searchBox.recording::after,
    #__eedivChatMain #vidyaone.recording::after,
#__eedivChatMain #vidyaaiFigmaSearchHost.recording::after {
    content: "" !important;
    position: absolute !important;
    top: -1px !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(255, 95, 199, 0.12) 50%,
        transparent 100%
    ) !important;
    opacity: 0.4 !important;
    pointer-events: none !important;
    z-index: 1 !important;
    transition: opacity 0.2s ease-out, height 0.2s ease-out, top 0.2s ease-out !important;
    clip-path: var(--waveform-path, polygon(0% 100%, 0% 60%, 2.5% 58%, 5% 56%, 7.5% 54%, 10% 52%, 12.5% 50%, 15% 48%, 17.5% 50%, 20% 52%, 22.5% 54%, 25% 56%, 27.5% 58%, 30% 56%, 32.5% 54%, 35% 52%, 37.5% 50%, 40% 48%, 42.5% 50%, 45% 52%, 47.5% 54%, 50% 56%, 52.5% 58%, 55% 56%, 57.5% 54%, 60% 52%, 62.5% 50%, 65% 48%, 67.5% 50%, 70% 52%, 72.5% 54%, 75% 56%, 77.5% 58%, 80% 56%, 82.5% 54%, 85% 52%, 87.5% 50%, 90% 48%, 92.5% 50%, 95% 52%, 97.5% 54%, 100% 56%, 100% 100%)) !important;
}

/* Low amplitude - base state for ::after */
#__eedivChatMain #searchBox.recording.amplitude-low:not(.amplitude-medium):not(.amplitude-high)::after,
    #__eedivChatMain #vidyaone.recording.amplitude-low:not(.amplitude-medium):not(.amplitude-high)::after,
#__eedivChatMain #vidyaaiFigmaSearchHost.recording.amplitude-low:not(.amplitude-medium):not(.amplitude-high)::after {
    opacity: 0.4 !important;
    height: 3px !important;
    top: -3px !important;
}

/* Medium amplitude - overrides low for ::after */
#__eedivChatMain #searchBox.recording.amplitude-medium:not(.amplitude-high)::after,
    #__eedivChatMain #vidyaone.recording.amplitude-medium:not(.amplitude-high)::after,
#__eedivChatMain #vidyaaiFigmaSearchHost.recording.amplitude-medium:not(.amplitude-high)::after {
    opacity: 0.7 !important;
    height: 6px !important;
    top: -6px !important;
}

/* High amplitude - highest priority for ::after */
#__eedivChatMain #searchBox.recording.amplitude-high::after,
    #__eedivChatMain #vidyaone.recording.amplitude-high::after,
#__eedivChatMain #vidyaaiFigmaSearchHost.recording.amplitude-high::after {
    opacity: 0.6 !important;
    height: 10px !important;
    top: -10px !important;
}

/* Dancing gradient animation - creates flowing wave effect */
@keyframes dancingGradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Continuous pulse animation for waveform - keeps it animated even when quiet */
@keyframes waveformPulse {
    0%, 100% {
        opacity: 0.95;
        filter: drop-shadow(0 1px 4px rgba(255, 95, 199, 0.6)) drop-shadow(0 1px 2px rgba(94, 200, 242, 0.5));
    }
    50% {
        opacity: 1;
        filter: drop-shadow(0 2px 6px rgba(255, 95, 199, 0.7)) drop-shadow(0 1px 3px rgba(94, 200, 242, 0.6));
    }
}

/* Waveform animation is now handled dynamically via CSS custom properties set by JavaScript */
/* The clip-path is updated in real-time based on audio waveform data */

/* Animation for listening text fade in */
@keyframes listeningTextFadeIn {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-4px);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@keyframes listeningGradientMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

    #__eedivChatMain #searchBox #vidyaInputTextArea,
    #__eedivChatMain #vidyaone #vidyaInputTextArea,
    #__eedivChatMain #searchBox input, #__eedivChatMain #vidyaone input {
        border: none !important;
        outline: none !important;
        color: var(--ee-text-dark) !important;
        font-size: 13px !important;
        flex-grow: 1 !important;
        line-height: 19px !important;
        min-width: 79% !important;
        max-width: unset !important;
        min-height: auto !important;
        background-color: #ffffff !important;
    }

    #__eedivChatMain #searchBox input, #__eedivChatMain #vidyaone input {
        margin: 5px 0px !important;
        padding: 0px !important;
        padding-right: 16px !important;
    }

    #__eedivChatMain #searchBox input:focus, #__eedivChatMain #vidyaone input:focus {
        background-color: transparent !important;
    }

    #__eedivChatMain #searchBox #vidyaInputTextArea.non_multiline, #__eedivChatMain #vidyaone #vidyaInputTextArea.non_multiline {
        margin: 0px !important;
    }

    #__eedivChatMain #searchBox #vidyaInputTextArea, #__eedivChatMain #vidyaone #vidyaInputTextArea {
        margin: 6px 0px !important;
        padding: 0px 2px !important;
        width: -webkit-fill-available !important;
        padding-right: 100px !important;
        background: none !important;
        border: none !important;
    }

    #__eedivChatMain #vidyaone #vidyaInputTextArea + div {
        position: absolute !important;
        z-index: 9 !important;
        right: 10px !important;
        bottom: 3px !important;
        gap: 0 !important;
    }

    #__eedivChatMain #searchBox #vidyaInputTextArea + div{
	position: absolute !important;
        z-index: 9 !important;
        right: 10px !important;
        bottom: 3px !important;
        gap: 32px !important;
   }

    /* Add gap when #selectWidgetsContainer is present */
    #__eedivChatMain #searchBox.vidya-compose-has-widgets #vidyaInputTextArea + div, #__eedivChatMain #vidyaone.vidya-compose-has-widgets #vidyaInputTextArea + div {
        gap: 32px !important;
        min-width: 84px !important;
    }

    /* Icon container styles */
    #__eedivChatMain #searchBox .icon-container, #__eedivChatMain #vidyaone .icon-container {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    /* Chrome, Safari and Opera */
    #__eedivChatMain #searchBox #vidyaInputTextArea::-webkit-scrollbar-thumb, #__eedivChatMain #vidyaone #vidyaInputTextArea::-webkit-scrollbar-thumb {
        background-color: #D9D9D9 !important;
    }

#__eedivChatMain .sendIcon {
    width: 24px;
    height: 24px;
    cursor: not-allowed;
}

    #__eedivChatMain .sendIcon.allow-event {
        cursor: pointer;
    }

#micButton {
    border: none;
    background: none;
    position: relative;
    padding: 6px !important;
    border: none !important;
    box-shadow: none !important;
}

#micButton::after{
    background: none;
}

/* Microphone icon TOP-OVAL fill based on voice amplitude */
#micButton .mic-icon {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 0;
}

/* The clipped oval area (only the top oval gets filled) */
#micButton .mic-icon .mic-top-oval {
    position: absolute;
    left: 50%;
    top: 6px;
    transform: translateX(-50%);
    width: 3px;
    height: 8px;
    border-radius: 999px;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s ease-out;
    z-index: 1; /* behind the SVG image */
}

/* Only show the fill while recording */
#micButton.recording .mic-icon .mic-top-oval {
    opacity: 1;
}

/* The fill inside the oval, grows bottom->top using --mic-top-fill (0%..100%) */
#micButton .mic-icon .mic-top-fill {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: var(--mic-top-fill, 0%);
    background: linear-gradient(
        90deg,
        #5EC8F2 0%,
        #FF6BC8 15%,
        #FF5FC7 30%,
        #ae7e9d 50%,
        rgb(181, 80, 177) 65%,
        #6BB8FF 80%,
        #FF6BC8 95%,
        #FF5FC7 100%
    );
    transition: height 0.08s linear;
}

/* Actual microphone svg image */
#micButton .mic-icon .mic-icon-img {
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
    z-index: 2;
    margin-top: 2px;
}

#__eechatWindow .pauseGenerativeText {
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: none !important;
}

#__eechatWindow.generating_text .pauseGenerativeText,
#__eechatWindow.stop_chat_api_call .pauseGenerativeText {
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: block !important;
    position: relative;
    right: 4px;
}

#__eechatWindow.generating_text .sendIcon,
#__eechatWindow.stop_chat_api_call .sendIcon,
#__eechatWindow.generating_text .vidyaai-figma-search-send .sendIcon,
#__eechatWindow.stop_chat_api_call .vidyaai-figma-search-send .sendIcon {
    display: none !important;
}

#__eechatWindow.generating_text .vidyaai-figma-search-send,
#__eechatWindow.stop_chat_api_call .vidyaai-figma-search-send {
    display: none !important;
}
/* Student question */
.student_question {
    display: flex;
    align-items: end;
    flex-direction: column;
    margin: 16px 0 0px;
}

#__eedivChatMain .question_data {
    margin: 0px;
    margin-left: 24px;
    padding: 8px 12px;
    color: var(--ee-user-input-color);
    border-radius: 12px 2px 12px 12px;
    background: var(--ee-chat-bot-button-color);
    font-size: 13px;
    line-height: 18px !important;
    margin-bottom: 0px;
    overflow-wrap: break-word;
    word-break: break-word;
}

#__eedivChatMain .student_question time {
    margin-top: 4px;
}

/* WhatsApp-style date chips between messages */
#__eemessageWindow.ee-chat-scroll-with-date-overlay {
    position: relative;
    overflow-anchor: auto;
}

.ee-chat-has-date-overlay {
    position: relative;
}

.ee-chat-date-overlay-host {
    position: absolute;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    pointer-events: none;
}

.ee-chat-date-overlay-host.is-hidden {
    opacity: 0;
    visibility: hidden;
}


.ee-chat-date-divider--introduced {
    margin: 8px 0 6px;
    pointer-events: none;
}

.ee-chat-date-divider {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 12px 0 4px;
    flex-shrink: 0;
    clear: both;
    max-width: unset !important;
}

:not(#historyPreviousChat) > .ee-chat-date-divider:not(.ee-chat-date-divider ~ .ee-chat-date-divider) {
    margin-top: -10px;
}

.ee-chat-date-divider-label {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 4px;
    background: white;
    color: var(--ee-text-dark);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 0.02em;
    box-shadow: 0px -1px 24px 0px rgba(0, 0, 0, 0.08);
}

/* Common elements */
#__eedivChatMain time {
    color: #656565;
    font-size: 11px;
    letter-spacing: 0.1px;
    line-height: 16px !important;
    height: 16px;
}



#__eedivChatMain #initialPrompts {
    border-radius: 12px;
    border: 1px solid #d8d8d8;
    background: #fff;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
    font-family: var(--ee-user-font-family) !important;
    margin: 0px;
    width: -webkit-fill-available;
    display: none;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    position: relative;
}

#__eedivChatMain #allPromptsList {
    font-family: var(--ee-user-font-family) !important;
    width: -webkit-fill-available;
    height: calc(100% - 11px);
    overflow: scroll;
    display: none;
}

/* Full quick-prompt list (show-more): hide previous sessions and floating menu */
#__eedivChatMain #__eechatWindow.vidyaai-all-prompts-list-open #floatingContainer,
#__eedivChatMain #__eechatWindow.vidyaai-all-prompts-list-open #previousChats,
#__eedivChatMain #__eechatWindow.vidyaai-all-prompts-list-open #historyPreviousChat,
#__eedivChatMain #__eechatWindow.vidyaai-all-prompts-list-open #__eemessageWindow,
#__eedivChatMain #__eechatWindow.vidyaai-all-prompts-list-open #promptCarouselWithButtons,
#__eedivChatMain #__eechatWindow.vidyaai-all-prompts-list-open #vidyaaiFigmaSearchHost,
#__eedivChatMain #__eechatWindow.vidyaai-all-prompts-list-open #searchBox,
#__eedivChatMain #__eechatWindow.vidyaai-all-prompts-list-open #vidyaSearchBox,
#__eedivChatMain #__eechatWindow.vidyaai-all-prompts-list-open #vidyaone {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-all-prompts-list-open #eeChatBotChatWindow {
    display: block !important;
    height: calc(100% - 64px) !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-all-prompts-list-open #allPromptsList {
    display: block !important;
    height: 100%;
    max-height: none;
    overflow-y: auto;
}

/* Previous sessions list (secondContinueChat / Previous Chat row) */
#__eedivChatMain #__eechatWindow.vidyaai-previous-chats-panel-open #floatingContainer,
#__eedivChatMain #__eechatWindow.vidyaai-previous-chats-panel-open #allPromptsList,
#__eedivChatMain #__eechatWindow.vidyaai-previous-chats-panel-open #__eemessageWindow {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-previous-chats-panel-open #eeChatBotChatWindow {
    display: block !important;
    height: calc(100% - 64px) !important;
}

/* #previousChats visible only with panel class — no !important so JS/class toggles are not blocked */
#__eedivChatMain #__eechatWindow.vidyaai-previous-chats-panel-open:not(.vidyaai-previous-chats-session-detail-open) #previousChats {
    display: block;
    visibility: visible;
    height: 100%;
    overflow-y: auto;
}

#__eedivChatMain #__eechatWindow.vidyaai-previous-chats-session-detail-open #previousChats {
    display: none;
}

    #__eedivChatMain #initialPrompts > *, #__eedivChatMain #allPromptsList > * {
        padding: 0px 24px;
        font-family: var(--ee-user-font-family) !important;
    }

#__eedivChatMain #initialPrompts > h3,
#__eedivChatMain #allPromptsList > h3 {
    font-size: 16px;
    color: #4a4a4a;
    padding: 14px 24px;
    border-bottom: 1px solid #d8d8d8;
    margin: 0px;
    font-weight: 600;
    min-height: 0;
}

#__eedivChatMain #initialPrompts > ul, #__eedivChatMain #allPromptsList > ul {
    list-style: none;
    padding: 0px;
    border: none;
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

#__eedivChatMain #initialPrompts ul li, #__eedivChatMain #allPromptsList ul li {
    padding: 0px 24px;
    cursor: pointer;
    list-style: none !important;
    list-style-type: none !important;
    margin: 0px;
}

#__eedivChatMain #promptList > li {
    list-style: none !important;
    list-style-type: none !important;
}

#__eedivChatMain #initialPrompts ul li::before,
#__eedivChatMain #allPromptsList ul li::before,
#__eedivChatMain #promptList > li::before {
    content: "" !important;
    display: none !important;
}

    #__eedivChatMain #allPromptsList ul li:last-child > div {
        border: none;
    }

    #__eedivChatMain #initialPrompts ul li div, #__eedivChatMain #allPromptsList ul li div {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #d8d8d8;
        padding: 10px 0px;
        justify-content: left;
        grid-gap: 20px;
    }

    #__eedivChatMain #initialPrompts ul li:nth-last-child(2) > div {
        border: none;
    }

    #__eedivChatMain #initialPrompts ul li:last-child {
        border-top: 1px solid #d8d8d8;
        border-radius: 0px 0px 12px 12px;
        cursor: pointer !important;
    }

    #__eedivChatMain #initialPrompts ul li:hover, #__eedivChatMain #allPromptsList ul li:hover {
        background: var(--ee-chat-bot-options-hover);
    }

    #__eedivChatMain #initialPrompts ul li:last-child div, #__eedivChatMain #allPromptsList ul li:last-child {
        border: none;
    }

    #__eedivChatMain #initialPrompts ul li img, #__eedivChatMain #allPromptsList ul li img {
        width: 24px;
        height: 24px;
    }

    #__eedivChatMain #initialPrompts ul li span, #__eedivChatMain #allPromptsList ul li span {
        flex-grow: 1;
        font-size: 13px;
        color: #4a4a4a;
        max-width: 100%;
        white-space: nowrap; /* Prevent text wrapping */
        overflow: hidden; /* Hide overflowed content */
        text-overflow: ellipsis; /* Add ellipsis (...) */
    }

#__eedivChatMain #initialPrompts .show-more {
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px !important;
    padding: 14px 24px;
    color: #4a4a4a;
    cursor: pointer;
}

/* Common styles */
#__eedivChatMain button {
    cursor: pointer;
}

/* Feedback popup styles */
@keyframes feedbackPopUpEnter {
    from {
        transform: translateY(10px) scale(0.8);
        width: 320px;
        opacity: 0.9;
    }
    to {
        transform: translateY(0) scale(1);
        width: 512px;
        opacity: 1;
    }
}

#__eedivChatMain #feedbackPopUp {
    height: max-content;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 0px;
    border-radius: 12px;
    background: var(--ee-background-color);
    margin-top: 16px;
    padding: 12px;
    margin-bottom: 50px;
    transition: transform .27s cubic-bezier(.4, 0, .2, 1), width .27s cubic-bezier(.4, 0, .2, 1), max-height 1s cubic-bezier(.4, 0, .2, 1), opacity .27s cubic-bezier(.4, 0, .2, 1);
    transition-delay: 0ms;
    max-height: none;
    min-width: 320px;
    position: relative;
    transform-origin: center bottom;
    width: 512px;
    max-width: 80% !important;
    will-change: transform, width, max-height, opacity;
    animation: feedbackPopUpEnter .27s cubic-bezier(.4, 0, .2, 1) forwards;
    margin-bottom: 70px !important;
}

#__eedivChatMain #partialTransparentBackground {
    height: inherit;
    width: inherit;
    position: absolute;
    z-index: -1;
    background-color: rgba(68, 68, 68, 0.64);
    border-radius: 0 0 12px 12px;
}

#__eedivChatMain #popup {
    background-color: white;
    margin: 0px;
    width: inherit;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    box-shadow: 0 2px 24px rgba(0, 0, 0, 0.15);
}

#__eedivChatMain #feedbackCancel {
    position: absolute;
    display: flex;
    align-items: end;
    align-self: end;
    border: none;
    background: none;
    margin: 0px;
    padding: 0px;
    margin-top: -4px;
    right: 12px;
}

#__eedivChatMain #feedbackContent {
    padding: 8px 49px 12px;
    border-radius: 6px;
    border: 1px solid #D8D8D8;
    background: #FFF;
    margin-top: 20px;
}

    #__eedivChatMain #feedbackContent > * {
        margin: 0;
        padding: 0;
        border: none;
        background: none;
    }

#__eedivChatMain #feedbackTitle {
    color: var(--ee-text-dark);
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px !important;
    letter-spacing: 0.1px;
    margin: auto;
}

#__eedivChatMain #feedbackContent p {
    color: #393939;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px !important;
}

#__eedivChatMain #submitFeedback {
    width: 100%;
    height: 34px !important;
    margin: 20px auto 0;
    border-radius: 6px;
    background: var(--ee-chat-bot-button-color);
    color: var(--ee-user-input-color);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px !important;
    cursor: pointer;
    border: none;
}

    #__eedivChatMain #submitFeedback.submitted {
        cursor: not-allowed;
        background: var(--ee-user-submit-disabled);
    }

#__eedivChatMain #ratingStars {
    display: flex;
    align-self: center;
    justify-content: center;
    gap: 22px;
    margin-top: 16px;
}

    #__eedivChatMain #ratingStars img {
        width: 24px;
        height: 24px;
        cursor: pointer;
    }

    #__eedivChatMain #ratingStars.no-event-allowed {
        pointer-events: none;
    }

        #__eedivChatMain #ratingStars.no-event-allowed img {
            cursor: not-allowed;
        }

/* Previous chats styles — hidden unless Previous Chat row opens the panel */
#__eedivChatMain #previousChats {
    display: none;
    padding: 0px;
    font-family: var(--ee-user-font-family) !important;
    height: max-content;
    max-height: calc(100% - 30px);
    overflow-y: auto !important;
}

    #__eedivChatMain #previousChats ul {
        list-style: none;
        border: none;
        margin: 0;
        padding: 0px 0px;
        margin-top: 4px;
        height: 100%;
    }

        #__eedivChatMain #previousChats ul li {
            display: flex;
            align-items: center;
            border-bottom: 1px solid var(--ee-border-color);
            cursor: pointer;
            padding: 12px 24px;
            justify-content: left;
            gap: 20px;
        }

            #__eedivChatMain #previousChats ul li:hover {
                background: var(--ee-chat-bot-options-hover);
            }

            #__eedivChatMain #previousChats ul li img {
                width: 24px;
                height: 24px;
            }

                #__eedivChatMain #previousChats ul li img.icon_vidya_gpt {
                    width: 32px;
                    height: 32px;
                }

            #__eedivChatMain #previousChats ul li div {
                flex-grow: 1;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            #__eedivChatMain #previousChats ul li .questions p {
                font-size: 13px;
                color: var(--ee-primary-font-color);
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-weight: 600;
                line-height: 18px !important;
                margin: 0;
                padding-bottom: 4px;
            }

            #__eedivChatMain #previousChats ul li .questions span {
                color: var(--ee-secondaory-font-color);
                font-size: 12px;
                font-weight: 400;
                line-height: 18px !important;
            }

#__eedivChatMain #welcomePage {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
    max-width: unset !important;
    margin: 0px auto !important;
}

    #__eedivChatMain #welcomePage > h2 {
        color: #393939;
        font-family: var(--ee-user-font-family);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px !important;
        letter-spacing: 0.1px;
        margin: 4px 0px 8px;
        padding: 0px;
    }

    #__eedivChatMain #welcomePage > p {
        color: #656565;
        text-align: center;
        font-family: var(--ee-user-font-family);
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px !important;
        letter-spacing: 0px;
        width: 306px;
        margin: 0px;
    }

    #__eedivChatMain #welcomePage > img {
        width: 38px;
        height: 38px;
    }

#__eedivChatMain .expandedchat #welcomePage > p {
    width: 439px;
}

#__eedivChatMain #welcomePage.vidyaai-postlead-welcome-page {
    justify-content: center;
    align-items: stretch;
    box-sizing: border-box;
    gap: 14px;
    max-width: 400px !important;
    animation: eeWelcomeFadeIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes eeWelcomeFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#__eedivChatMain .vidyaai-postlead-hero {
    padding: 0 8px;
}

#__eedivChatMain .vidyaai-postlead-hero-line1,
#__eedivChatMain .vidyaai-postlead-hero-line2 {
    margin: 0;
    font-family: "Inter", var(--ee-user-font-family), "Segoe UI", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #1c3761;
}

#__eedivChatMain .vidyaai-postlead-hero-line1 {
    opacity: 0.5;
    font-size: 28px;
    line-height: 120% !important;
    letter-spacing: -0.8px;
}

#__eedivChatMain .vidyaai-postlead-hero-line2 {
    font-size: 28px;
    line-height: normal !important;
    letter-spacing: -0.832px;
}

#__eedivChatMain .vidyaai-postlead-quick-actions {
    border: 2px solid transparent !important;
    border-radius: 12px;
    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        conic-gradient(
            from -45deg at 50% 50%,
            rgba(255, 145, 36, 1) 0deg,
            rgba(255, 16, 128, 1) 90deg,
            rgba(184, 120, 255, 1) 150deg,
            rgba(66, 196, 255, 1) 290deg,
            rgba(255, 145, 36, 1) 310deg
        ) border-box;
    transform-origin: right bottom;
    transition: transform 0.22s ease, opacity 0.22s ease;
}

#__eedivChatMain .vidyaai-postlead-quick-actions.vidyaai-postlead-quick-actions--opening {
    animation: vidyaPostLeadQuickOpen 0.24s ease forwards;
}

#__eedivChatMain .vidyaai-postlead-quick-actions.vidyaai-postlead-quick-actions--closing {
    transform: translate(94px, 96px) scale(0.12);
    opacity: 0;
    pointer-events: none;
}

#__eedivChatMain .vidyaai-postlead-quick-actions.vidyaai-postlead-quick-actions--collapsed {
    display: none;
}

/* Dock-style minimize flight (see animateMinimizeElementToWidgetLauncher in site.js) */
#__eedivChatMain #welcomePage.vidyaai-minimize-to-widget-flight,
#__eedivChatMain .vidyaai-postlead-quick-actions.vidyaai-minimize-to-widget-flight {
    isolation: isolate;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    box-shadow: 0 14px 34px rgba(28, 55, 97, 0.2);
}

#__eedivChatMain .vidyaai-postlead-quick-actions-title {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 600;
    line-height: 22px !important;
    letter-spacing: 0.1px;
    color: #1c3761;
    border-bottom: 1px solid #e2e2e2;
}

#__eedivChatMain .vidyaai-postlead-quick-actions-spark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    color: #ffffff;
}

#__eedivChatMain .vidyaai-postlead-quick-actions-ai-icon {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

#__eedivChatMain .vidyaai-postlead-quick-actions-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 4px;
    padding: 20px 8px;
}

#__eedivChatMain .vidyaai-postlead-action-btn {
    border: 0;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    color: #4d5a72;
}

#__eedivChatMain .vidyaai-postlead-action-btn:hover {
    transform: scale(1.05);
    transition: transform 0.2s ease;
}

#__eedivChatMain .vidyaai-postlead-action-btn:hover .vidyaai-postlead-action-label {
    color: #1c3761;
}

#__eedivChatMain .vidyaai-postlead-action-icon-wrap {
    width: 48px;
    height: 48px;
    border: 1px solid #d7d7d7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;

    
}

#__eedivChatMain .vidyaai-postlead-action-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

#__eedivChatMain .vidyaai-postlead-action-btn:hover .vidyaai-postlead-action-icon {
    transform: scale(1.05);
}

#__eedivChatMain .vidyaai-postlead-action-label {
    font-family: "Inter", var(--ee-user-font-family), "Segoe UI", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal !important;
    letter-spacing: -0.3px;
    color: #7d7d7d;
    text-align: center;
}

#__eedivChatMain #__eemessageWindow.expandedchat .vidyaai-postlead-hero-line1,
#__eedivChatMain #__eemessageWindow.expandedchat .vidyaai-postlead-hero-line2 {
    font-size: 32px;
}

@media (max-width: 480px) {
    #__eedivChatMain #welcomePage.vidyaai-postlead-welcome-page {
        padding: 16px 10px 4px;
    }
    #__eedivChatMain .vidyaai-postlead-hero-line1,
    #__eedivChatMain .vidyaai-postlead-hero-line2 {
        font-size: 32px;
    }
    #__eedivChatMain .vidyaai-postlead-quick-actions-title {
        font-size: 13px;
        padding: 10px 14px;
    }
}

/* Resetting stylesheet.css */
#eeChatBotChatWindow > #__eechatWindow {
    height: 46px;
}

#__eechatWindow .reply {
    color: #393939;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px !important; /* 157.143% */
    letter-spacing: 0px;
    min-width: 100%;
    max-width: max-content;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* New Vidya GPT flow: hide legacy incoming rows; GenAI uses .chatreply on #__eemessageWindow */
#__eechatWindow.vidya-new-gpt-flow #__eemessageWindow .chatmessage.message-in {
    display: none !important;
}

/* New Vidya GPT flow: message list height (isNewVidyaGPTFlow → #__eechatWindow.vidya-new-gpt-flow) */
#__eedivChatMain #__eechatWindow.vidya-new-gpt-flow #__eemessageWindow {
    height: calc(100% - 130px) !important;
}

    #__eechatWindow .reply * {
        margin-top: 8px;
        padding: 0px;
    }

        #__eechatWindow .reply *:nth-child(1) {
            margin-top: 0px;
        }

#__eedivChatMain #__eechatWindow #floatingContainer {
    /* top: 133px; */
    top: 113px;
    margin: 0px;
    width: unset;
    height: calc(100% - 64px) !important;
    max-height: calc(100% - 140px);
    overflow: hidden;
    flex-direction: column;
    padding: 0px 12px 12px 18px;
    overflow: scroll;
    overflow-x: hidden;
    position: relative;
    justify-content: flex-start;
    z-index: 2144836471;
    scrollbar-color: auto;
}

#__eedivChatMain #chatListItemContinue .profile-image {
    background-image: url("../../images/icon_vidya_gpt.svg");
    background-repeat: round;
    background-size: 32px 32px;
    margin-left: 24px;
}

#__eedivChatMain #chatListItemContinue.secondContinueChat + .firstContinueChat .profile-image {
    background-image: url("../../images/previous_chats.svg");
}

#__eedivChatMain #startConversation .profile-image {
    background-image: url("../../images/chat_icon_vidyagpt.svg");
    background-repeat: round;
    background-size: 26px 26px;
    margin-left: 24px;
    height: 26px;
    width: 26px;
    margin-right: 9px;
}

#__eedivChatMain #eeChatContainer #__eechatIcon {
    background-image: var(--ee-vidya-gpt-bg-image, url("../../images/icon_vidya_gpt.svg"));
    background-size: var(--ee-vidya-gpt-bg-size, 32px 32px);
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
}

    #__eedivChatMain #eeChatContainer #__eechatIcon.crm {
        background-size: 35px 35px;
    }

/* First Messages */
#__eedivChatMain #eeChatContainer #eeChatIndicator .indicator:nth-child(1):after, #__eedivChatMain #eeChatContainer #eeChatIndicator .indicator:nth-child(2):after {
    content: unset;
}

#__eedivChatMain #eeChatContainer #eeChatIndicator .indicator:nth-child(2) {
    width: 383px;
    bottom: unset;
    position: relative;
    right: 30px;
    padding: 8px 12px;
    height: 94px;
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
}

#__eedivChatMain #eeChatContainer #eeChatIndicator .indicator:nth-child(1) {
    height: 94px;
    padding: 8px 12px;
    box-sizing: border-box;
    border: 1px solid #D8D8D8;
}


    #__eedivChatMain #eeChatContainer #eeChatIndicator .indicator:nth-child(2) p:before, #__eedivChatMain #eeChatContainer #eeChatIndicator .indicator:nth-child(1) p:before {
        margin-top: 40px;
        padding-left: 2px;
        color: #393939;
        font-family: var(--ee-user-font-family);
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px !important; /* 157.143% */
        letter-spacing: 0.1px;
    }

/* Content for indicator 2 now comes from JavaScript via getEEchatBotEnglish */

#__eedivChatMain #eeChatContainer #eeChatIndicator .indicator:nth-child(1) {
    width: 404px;
    bottom: unset;
    position: relative;
    right: 30px;
}

    /* Content for indicator 1 now comes from JavaScript via getEEchatBotEnglish */

#eeChatIndicator {
    display: flex;
    align-items: end;
    flex-direction: column;
    grid-gap: 12px;
    position: fixed;
    right: 0px;
    bottom: 80px !important;
    z-index: 99999 !important;
}

/* Widget layout — enabled via dashBoard.configuration.vidyaGPTLayout.enabled.
   Optional overrides: configuration.vidyaGPTLayout length keys (CSS vars). Values below are fallbacks. */
#__eedivChatMain #eeChatContainer.vidya-gpt-layout #__eechatIcon {
    right: var(--ee-vidya-layout-icon-right, 6px);
    bottom: var(--ee-vidya-layout-icon-bottom, 24px) !important;
    width: var(--ee-vidya-layout-icon-size, 60px);
    height: var(--ee-vidya-layout-icon-size, 60px);
}

#__eedivChatMain #eeChatContainer.vidya-gpt-layout #__eechatWindow {
    right: var(--ee-vidya-layout-window-right, 24px);
}

/* Full-bleed on phone/tablet: english.json chatWindowRight must not offset a 100vw window. */
@media screen and (max-width: 1024px) {
    #__eedivChatMain #eeChatContainer.vidya-gpt-layout #__eechatWindow {
        right: 0 !important;
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) {
    #__eedivChatMain #eeChatContainer.vidya-gpt-layout #__eechatWindow {
        right: 0 !important;
        left: 0;
        width: 100vw !important;
        max-width: 100vw;
        margin-right: 0;
        bottom: 0;
        border-radius: 0 !important;
    }
}

#__eedivChatMain #eeChatContainer.vidya-gpt-layout #eeChatIndicator,
#__eedivChatMain #eeChatContainer.vidya-gpt-layout #eeChatIndicator.vidya-gpt-layout,
#eeChatIndicator.vidya-gpt-layout {
    right: var(--ee-vidya-layout-indicator-right, 6px);
    bottom: var(--ee-vidya-layout-indicator-bottom, 96px) !important;
    align-items: flex-end;
    grid-gap: 8px;
}

#__eedivChatMain #eeChatContainer.vidya-gpt-layout #eeChatIndicator .indicator,
#__eedivChatMain #eeChatContainer.vidya-gpt-layout #eeChatIndicator .indicator:nth-child(1),
#__eedivChatMain #eeChatContainer.vidya-gpt-layout #eeChatIndicator .indicator:nth-child(2) {
    width: fit-content !important;
    max-width: min(var(--ee-vidya-layout-indicator-max-width, 300px), calc(100vw - 72px));
    height: auto !important;
    min-height: 0;
    max-height: none;
    position: relative !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto;
    padding: 12px 16px !important;
    border-radius: 16px;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

#__eedivChatMain #eeChatContainer.vidya-gpt-layout #eeChatIndicator .indicator::after,
#__eedivChatMain #eeChatContainer.vidya-gpt-layout #eeChatIndicator .indicator:nth-child(1)::after,
#__eedivChatMain #eeChatContainer.vidya-gpt-layout #eeChatIndicator .indicator:nth-child(2)::after {
    content: none;
}

#__eedivChatMain #eeChatContainer.vidya-gpt-layout #eeChatIndicator .indicator .icon_and_name {
    min-width: 0;
}

#__eedivChatMain #eeChatContainer.vidya-gpt-layout #eeChatIndicator .indicator a.close-indicator,
#__eedivChatMain #eeChatContainer.vidya-gpt-layout #eeChatIndicator .indicator:nth-child(1)::before,
#__eedivChatMain #eeChatContainer.vidya-gpt-layout #eeChatIndicator .indicator:nth-child(2)::before {
    left: auto !important;
    right: -8px;
    top: -8px;
}

#eeChatIndicator.vidya-anonymous-flow-indicator {
    display: flex;
    align-items: end;
    flex-direction: column;
    grid-gap: 12px;
    position: fixed;
    right: 0px;
    bottom: 36px !important;
    z-index: 99999 !important;
}

/* --- Vidya anonymous flow: “Try asking AI” sheet + pill launcher (Figma 8121-2999, 8121-3045).
   Top-level `.vidya-anonymous-flow-indicator` on #eeChatIndicator; enabled via configuration.anonymousFlow (see Content/json/.cursorrules). --- */
.vidya-anonymous-flow-indicator {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    grid-gap: 12px;
}

.vidya-anonymous-flow-indicator .vidya-anonymous-flow-panel {
    position: relative;
    z-index: 0;
    border-radius: 2px 12px 12px 12px;
    background: none;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.15);
    max-width: min(360px, calc(100vw - 24px));
    margin-right: 16px;
}

/* Rotating electricity border (same as last AI chatreply) */
.vidya-anonymous-flow-indicator .vidya-anonymous-flow-panel::before {
    content: "";
    position: absolute;
    top: -1.5px;
    left: -1.5px;
    right: -1.5px;
    bottom: -1.5px;
    border-radius: 2px 12px 12px 12px;
    padding: 1.75px;
    background: conic-gradient(
        from var(--angle),
        transparent 0%,
        transparent 30%,
        rgba(66, 196, 255, 0.2) 40%,
        rgba(234, 122, 250, 0.6) 55%,
        rgba(255, 145, 36, 1) 70%,
        rgba(255, 16, 128, 1) 85%,
        rgba(66, 196, 255, 1) 100%
    );
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask-composite: exclude;
    pointer-events: none;
    animation: ee-rotate-border 5s linear infinite;
    filter: blur(0.5px);
    z-index: 0;
}

.vidya-anonymous-flow-indicator .vidya-anonymous-flow-panel.vidya-anonymous-flow-panel-hidden {
    display: none !important;
}

.vidya-anonymous-flow-indicator .vidya-anonymous-flow-panel-inner {
    background: #ffffff;
    border-radius: 2px 12px 12px 12px;
    padding: 19px 15px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}

.vidya-anonymous-flow-indicator .vidya-anonymous-flow-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
    padding-right: 36px;
}

.vidya-anonymous-flow-indicator .vidya-anonymous-flow-header-star {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    display: block;
    object-fit: contain;
}

.vidya-anonymous-flow-indicator .vidya-anonymous-flow-title {
    font-family: var(--ee-user-font-family), "Inter", sans-serif;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.38px;
    color: #1a1a1a;
    line-height: 1.3;
    flex: 1;
    min-width: 0;
}

.vidya-anonymous-flow-indicator .vidya-anonymous-flow-panel-close {
    position: absolute;
    top: 11px;
    right: 11px;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 999px;
    padding: 8px;
    margin: 0;
    cursor: pointer;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-sizing: border-box;
}

.vidya-anonymous-flow-indicator .vidya-anonymous-flow-panel-close-icon {
    width: 20px;
    height: 20px;
    display: block;
    object-fit: contain;
    pointer-events: none;
}

.vidya-anonymous-flow-indicator .vidya-anonymous-flow-suggestions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.vidya-anonymous-flow-indicator .vidya-anonymous-flow-suggestion {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid #d8d8d8;
    border-radius: 6px;
    background: #ffffff;
    cursor: pointer;
    text-align: left;
    font-family: var(--ee-user-font-family), "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.1px;
    color: #393939;
    line-height: normal;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.vidya-anonymous-flow-indicator .vidya-anonymous-flow-suggestion:hover {
    background-color: #fafafa;
    border-color: #c8c8c8;
}

.vidya-anonymous-flow-indicator .vidya-anonymous-flow-suggestion-star {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    display: block;
    object-fit: contain;
}

.vidya-anonymous-flow-indicator .vidya-anonymous-flow-suggestion-text {
    flex: 1;
    min-width: 0;
    word-break: break-word;
}

.vidya-anonymous-flow-indicator .vidya-anonymous-flow-launcher {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-right: 16px;
    margin-bottom: 4px;
    padding: 8px 20px 8px 12px;
    border: none;
    border-radius: 999px;
    background: #ffffff;
    cursor: pointer;
    box-shadow: -3.5px -3.5px 4.681px rgba(0, 0, 0, 0.12), 3.5px 3.5px 4.419px rgba(0, 0, 0, 0.12);
    font-family: var(--ee-user-font-family), "Inter", sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #1a1a1a;
}

.vidya-anonymous-flow-indicator .vidya-anonymous-flow-launcher-icon {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    display: block;
    object-fit: contain;
}

.vidya-anonymous-flow-indicator .vidya-anonymous-flow-launcher-label {
    white-space: nowrap;
}

/** Anonymous flow: hide default FAB; launcher is the pill on the indicator. */
#__eedivChatMain #__eechatIcon.vidya-anonymous-flow-hide-host-launcher,
#__eedivChatMain #eeChatContainer.vidya-anonymous-flow #__eechatIcon {
    display: none !important;
}

#__eedivChatMain .vidyaai .botIcon, #__eemessageWindow .botIcon, #__eemessageWindowPrev .botIcon {
    display: none !important;
}

#__eemessageWindow .ac-container > .ac-textBlock > div > div, #__eemessageWindowPrev .ac-container > .ac-textBlock > div > div {
    justify-content: start !important;
}

#__eemessageWindow .ac-container > div > div > .chatActions, #__eemessageWindowPrev .ac-container > div > div > .chatActions {
    justify-content: space-between !important;
    /* margin:0px; */
    padding-bottom: 0px
}

#__eedivChatMain #__eechatWindow .vidyaai .ac-container {
    background: none;
    background-color: transparent !important;
    width: unset;
    padding: 0px !important;
    border: none !important;
    margin: 0px;
}

/* Animated marching-ants border around every AI (bot) response */
#__eedivChatMain .chatreply .reply_content,
#__eedivChatMain .vidyaai .reply_content,
#__eedivChatMain #__eemessageWindow .message-in .messageText {
    position: relative;
    z-index: 0;
    animation: none !important; /* disable prior glow */
}

/* Ensure inner content sits above the animated border */
#__eedivChatMain .chatreply .reply_content > *,
#__eedivChatMain .vidyaai .reply_content > *,
#__eedivChatMain #__eemessageWindow .message-in .messageText > * {
    position: relative;
    z-index: 1;
}

/* Magical moving pulse with glow effect - continuous border animation */
#__eedivChatMain #__eemessageWindow > .chatreply:last-of-type .reply_content::before,
#__eedivChatMain #__eemessageWindow > .chatreply:nth-last-child(1 of .chatreply) .reply_content::before,
#__eedivChatMain #__eemessageWindow > .chatreply.ee-last-main-chatreply .reply_content::before,
#__eedivChatMain .chatreply:last-of-type .reply_content::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: 2px 12px 12px;
    padding: 1.75px;
    /* Create moving gradient line with fading tail */
    background: conic-gradient(
        from var(--angle),
        transparent 0%,
        transparent 30%,
        rgba(66, 196, 255, 0.2) 40%, 
        rgba(234, 122, 250, 0.6) 55%,
        rgba(255, 145, 36, 1) 70%,
        rgba(255, 16, 128, 1) 85%,
        rgba(66, 196, 255, 1) 100%
    );
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask-composite: exclude;
    pointer-events: none;
    animation: ee-rotate-border 5s linear infinite;
    filter: blur(0.5px);
    z-index: 0;
}

/* Fallback for browsers not supporting conic-gradient/variable animation nicely */
@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@keyframes ee-rotate-border {
    to {
        --angle: 360deg;
    }
}

/* Magical pulsating glow shadow effect */
#__eedivChatMain #__eemessageWindow > .chatreply:last-of-type .reply_content::after,
#__eedivChatMain #__eemessageWindow > .chatreply:nth-last-child(1 of .chatreply) .reply_content::after,
#__eedivChatMain #__eemessageWindow > .chatreply.ee-last-main-chatreply .reply_content::after,
#__eedivChatMain .chatreply:last-of-type .reply_content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 2px 12px 12px;
    pointer-events: none;
    animation: ee-magical-glow 0s ease-in-out infinite;
    z-index: -1;
}

@keyframes ee-magical-glow {
    0%, 100% {
        box-shadow: 
            0 0 5px rgba(66, 196, 255, 0.3),
            0 0 5px rgba(255, 16, 128, 0.2);
    }
    50% {
        box-shadow: 
            0 0 5px rgba(66, 196, 255, 0.4),
            0 0 5px rgba(255, 145, 36, 0.3);
    }
}

#__eemessageWindow div[id^="__eechatmsg_"], #__eemessageWindowPrev div[id^="__eechatmsg_"] {
    flex-direction: column;
    margin-bottom: 0px;
}

#__eedivChatMain #eeChatContainer #__eemessageWindow .message-in .messageText,
#__eedivChatMain #eeChatContainer #__eemessageWindowPrev .message-in .messageText,
#__eedivChatMain #eeChatContainer #__eechatWindow .ac-container {
    background: unset !important;
    border: unset !important;
    /* padding: 0px !important; */
}

#__eedivChatMain .botIcon {
    display: none !important;
}
/* #promptCarouselWithButtons, #initialPrompts{
display: none !important;
} */
#__eedivChatMain .otp-verified {
    border: none !important;
}

#__eemessageWindow .reply .ac-otp-actionSet {
    justify-content: unset;
}

    #__eemessageWindow .reply .ac-otp-actionSet button {
        display: inline-flex;
        padding: 6px 12px;
        align-items: flex-start;
        gap: 10px;
        border-radius: 16px;
        border: 1px solid #D8D8D8;
        background: #FFF;
        color: #4A4A4A;
        font-family: var(--ee-user-font-family);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px !important;
        margin-right: 4px;
    }

        #__eemessageWindow .reply .ac-otp-actionSet button:hover {
            background: var(--ee-chat-bot-button-color);
            color: #FFFFFF;
        }

#__eemessageWindow .ac-container #__eechat-chips-wrapper {
    justify-content: start !important
}

    #__eemessageWindow .ac-container #__eechat-chips-wrapper .__eechat-single-chips {
        display: inline-flex;
        padding: 6px 12px;
        align-items: flex-start;
        gap: 10px;
        border-radius: 16px;
        border: 1px solid #D8D8D8;
        background: #FFF;
    }

        #__eemessageWindow .ac-container #__eechat-chips-wrapper .__eechat-single-chips:not(.disabled):hover {
            background: var(--ee-chat-bot-button-color);
            color: var(--ee-user-input-color);
        }

    #__eemessageWindow .ac-container #__eechat-chips-wrapper .__eechat-hidden-chip {
        display: none;
    }

        #__eemessageWindow .ac-container #__eechat-chips-wrapper .__eechat-hidden-chip.show {
            display: inline-block;
        }

/* 
.reply, .chatActions {
display: flex !important;
max-width: inherit !important;
flex-wrap: wrap !important;
}

.reply_content {
display: inline-block; 
max-width: 100%; 
flex-basis: auto; 
}

.ac-textBlock {
width: auto; 
max-width: 100%; 
white-space: normal; 
}
*/

#__eedivChatMain .ac-textBlock {
    max-width: max-content;
}

#__eemessageWindow > div {
    max-width: max-content;
}

#eeChatBotChatWindow .student_question {
    min-width: 100%;
}

#__eedivChatMain .student_question ~ .chatreply, #__eedivChatMain #__eemessageWindow > .chatreply {
    margin-top: 16px
}

#__eedivChatMain .vidyaai > .ac-container {
    max-width: 100%;
    width: max-content;
    margin-top: 16px !important;
}

#__eedivChatMain div[id^="__eechatmsg_"].vidyaai {
    margin: 0px;
}

#__eedivChatMain .vidyaai > .chatmessage {
    margin: 0px !important;
}

/* VidyaAi lead details card (VidyaAiLeadDetailsFormCard) — Figma modal; responsive collapsed vs .expandedchat */
#__eedivChatMain .vidyaai-lead-details-root {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#__eedivChatMain .vidyaai-lead-details-card {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 369px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: #ffffff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 16px !important;
    padding: 0 0 20px !important;
    font-family: "Inter", var(--ee-user-font-family), "Segoe UI", sans-serif !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

#__eedivChatMain .vidyaai-lead-details-info-outer {
    margin: 24px 24px 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
    border: 1px solid #ff9124 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

#__eedivChatMain .vidyaai-lead-details-info-inner {
    position: relative !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    padding: 56px 8px 16px !important;
    text-align: center !important;
}

#__eedivChatMain .vidyaai-lead-details-feature-wrap {
    position: absolute !important;
    left: 50% !important;
    top: 10px !important;
    transform: translateX(-50%) !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 10px !important;
    display: flex !important;
    justify-content: center !important;
}

#__eedivChatMain .vidyaai-lead-details-feature-img {
    width: 28px !important;
    height: 28px !important;
    object-fit: contain !important;
}

#__eedivChatMain .vidyaai-lead-details-feature-svg {
    display: block !important;
}

#__eedivChatMain .vidyaai-lead-details-info-title {
    margin: 0 0 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #1c3761 !important;
    text-align: center !important;
}

#__eedivChatMain .vidyaai-lead-details-info-desc {
    margin: 0 auto !important;
    max-width: 305px !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    line-height: 16px !important;
    letter-spacing: 0.1px !important;
    color: #656565 !important;
    text-align: center !important;
}

/* Single title or description only: icon left + text inline (compact row) */
#__eedivChatMain .vidyaai-lead-details-info-inner--single {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    padding: 12px 16px !important;
    text-align: left !important;
}

#__eedivChatMain .vidyaai-lead-details-info-inner--single .vidyaai-lead-details-feature-wrap {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 24px !important;
    height: 24px !important;
    flex-shrink: 0 !important;
}

#__eedivChatMain .vidyaai-lead-details-info-inner--single .vidyaai-lead-details-feature-img {
    width: 24px !important;
    height: 24px !important;
}

#__eedivChatMain .vidyaai-lead-details-info-inner--single .vidyaai-lead-details-info-title,
#__eedivChatMain .vidyaai-lead-details-info-inner--single .vidyaai-lead-details-info-desc {
    margin: 0 !important;
    max-width: none !important;
    text-align: left !important;
    flex: 1 1 auto !important;
}

#__eedivChatMain .vidyaai-lead-details-form {
    padding: 0px !important;
    margin-top: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

#__eedivChatMain #eeChatContainer.vidya-anonymous-flow .vidyaai-lead-details-form {
    margin-top: 0px !important;
}

/* Scrollable lead form body (fields + submit); scrollbar visually hidden */
#__eedivChatMain .vidyaai-lead-details-body {
    box-sizing: border-box !important;
    width: 100% !important;
    max-height: min(52vh, 400px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    padding-bottom: 16px !important;
}

#__eedivChatMain .vidya-anonymous-flow .vidyaai-lead-details-body{
    padding-bottom: 0px !important;
}

#__eedivChatMain .vidyaai-lead-details-body::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

#__eedivChatMain .vidyaai-lead-details-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    width: 100% !important;
}

#__eedivChatMain .vidyaai-lead-details-label {
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #414651 !important;
}

#__eedivChatMain .vidyaai-lead-details-input {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 34px !important;
    padding: 7.2px 14px !important;
    border: 1px solid #d5d7da !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    color: #393939 !important;
    background: #ffffff !important;
}

#__eedivChatMain .vidyaai-lead-details-input::placeholder {
    color: #717680 !important;
}

/* intl-tel-input for Vidya GPT lead phone (new flow) */
#__eedivChatMain .vidyaai-lead-details-field .iti {
    width: 100% !important;
}
#__eedivChatMain .vidyaai-lead-details-field .iti--allow-dropdown input.vidyaai-lead-phone-intl {
    min-height: 34px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 86px !important;
}
#__eedivChatMain .vidyaai-lead-details-field .iti__selected-flag {
    background-color: #f2f4f5 !important;
    border-radius: 5px 0 0 5px !important;
    min-height: 34px !important;
}
#__eedivChatMain .vidyaai-lead-details-field .iti__country-list {
    bottom: 100%;
    width: 310px;
    overflow-x: hidden;
}

#__eedivChatMain .vidyaai-lead-details-textarea {
    min-height: 78px !important;
    resize: vertical !important;
}

#__eedivChatMain .vidyaai-lead-details-submit {
    box-sizing: border-box !important;
    width: calc(100% - 48px) !important;
    max-width: 327px !important;
    margin: 21px auto 0 !important;
    padding: 8px 25px !important;
    border: none !important;
    border-radius: 8px !important;
    background: #1c3761 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    text-align: center !important;
    cursor: pointer !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
}

#__eedivChatMain .vidyaai-lead-details-submit:disabled {
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}

/* /* Expanded chat window (~60% width): wider card and message column */
#__eedivChatMain #__eemessageWindow.expandedchat .vidyaai-lead-details-root {
    /* width: 358px !important; */
} */

#__eedivChatMain #__eemessageWindow.expandedchat .vidyaai-lead-details-card {
    max-width: min(560px, 96%) !important;
    width: 100% !important;
}

#__eedivChatMain #__eemessageWindow.expandedchat .vidyaai-lead-details-info-desc {
    max-width: min(400px, 92%) !important;
}

#__eedivChatMain #__eemessageWindow.expandedchat .vidyaai-lead-details-submit {
    max-width: min(480px, calc(100% - 48px)) !important;
}

@media (max-width: 420px) {
    #__eedivChatMain .vidyaai-lead-details-info-outer {
        margin: 16px 16px 0 !important;
    }

    #__eedivChatMain .vidyaai-lead-details-form {
        padding: 16px 16px 0 !important;
    }

    #__eedivChatMain .vidyaai-lead-details-submit {
        width: calc(100% - 32px) !important;
    }

    #__eedivChatMain .vidyaai-lead-details-shell .vidyaai-lead-details-submit {
        width: 100% !important;
    }
}

/* Pre–lead gate: typing loader row before intro + lead form in chat. */
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-gate-loader-chatreply {
    align-self: flex-start;
    box-sizing: border-box;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-gate-loader-chatreply .reply_content,
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-gate-loader-chatreply .vidyaai-prelead-gate-loader-wrap {
    width: auto !important;
    max-width: max-content !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-gate-loader-chatreply .reply_content::before,
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-gate-loader-chatreply .reply_content::after {
    display: none !important;
    content: none !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-gate-loader-chatreply .eeChat_loader,
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-gate-loader-chatreply #typingLoader {
    margin: 0 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-gate-loader-chatreply .eeChat_loader .ac-container {
    width: 26px !important;
    min-width: 26px !important;
}

/* Pre–lead LLM `/chat` limit gate — in-thread chat row (Vidya Figma 8420:980). */
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply {
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .reply_content.vidyaai-prelead-llm-gate-msg-wrap {
    display: flex !important;
    flex-direction: column !important;
    max-width: 100% !important;
    /* width: 100% !important; */
    margin-right: 24px !important;
    padding: 12px !important;
    background: var(--ee-background-color) !important;
    border-radius: 2px 12px 12px !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    position: relative !important;
    isolation: isolate !important;
}

/* Inner card already has Figma gradient border; suppress default bot-message animated border on this row */
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .reply_content::before,
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .reply_content::after {
    display: none !important;
    content: none !important;
    animation: none !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-prelead-llm-gate-msg-slot {
    padding: 0 !important;
    background: transparent !important;
    min-height: 0 !important;
    width: 100%;
    box-sizing: border-box;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-prelead-gate-intro-text {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    margin: 0 0 12px;
    max-width: 100%;
}

/* Timestamp sits below the white bubble (same as standard bot .chatreply > .chatActions). */
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply > .chatActions {
    display: flex !important;
    align-items: flex-end !important;
    /* padding: 0px !important; */
    justify-content: flex-end !important;
    margin-top: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply > .chatActions .actions {
    display: none !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply > .chatActions time {
    color: #656565;
    font-size: 11px;
    letter-spacing: 0.1px;
    line-height: 16px !important;
    height: 16px;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate {
    max-width: 341px;
    /* margin-left: auto; */
    margin-right: auto;
    overflow: visible !important;
    padding: 0px !important;
}

/*
 * In-chat pre-lead gate (Figma 8420:980): same shell → card DOM as full UI, but global
 * `.vidyaai-lead-details-shell .vidyaai-lead-details-card` strips the card — restore gradient +
 * spacing only under `#__eemessageWindow .vidyaai-prelead-llm-gate-chatreply`.
 */
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-shell {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    border-radius: 0 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-shell .vidyaai-lead-details-card,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-shell .vidyaai-lead-details-card {
    display: flex !important;
    flex-direction: column !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 2px rgba(10, 13, 18, 0.05) !important;
    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(135deg, #7c3aed, #ec4899, #f97316, #facc15) border-box !important;
    border: 1px solid transparent !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 16px 20px !important;
    box-sizing: border-box !important;
    /* max-height: min(calc(100dvh - 280px), 420px) !important; */
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-info-outer,
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-body {
    flex-shrink: 0 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-body {
    padding-bottom: 8px !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-field .iti,
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .iti__country-list {
    overflow: visible !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-footer,
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-otp-flow-root .vidyaai-lead-details-footer {
    position: sticky !important;
    bottom: 0 !important;
    flex-shrink: 0 !important;
    background: #ffffff !important;
    z-index: 2 !important;
    padding: 16px 0 8px !important;
    margin: 4px 0 0 !important;
    border-radius: 0 !important;
}

#__eedivChatMain .vidya-anonymous-flow #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-footer,
#__eedivChatMain .vidya-anonymous-flow #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-otp-flow-root .vidyaai-lead-details-footer {
    padding: 8px 0 8px !important;
    margin: 4px 0 0 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-submit {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 8px 25px !important;
    border: none !important;
    border-radius: 6px !important;
    background: #1c3761 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
}

/* intl-tel: single 36px row + #d5d7da border (Figma) inside in-chat gate */
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .iti--allow-dropdown {
    width: 100% !important;
    display: flex !important;
    align-items: stretch !important;
    border: 1px solid #d5d7da !important;
    border-radius: 6px !important;
    /* hidden clips the country dropdown + dial code row; visible keeps Figma border + list */
    overflow: visible !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    min-height: 34px !important;
    position: relative !important;
    z-index: 1 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .iti__flag-container {
    border: none !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    display: flex;
    gap: 4px;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .iti__selected-dial-code {
    visibility: visible !important;
    opacity: 1 !important;
    color: #101828 !important;
    margin-top: 0 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .iti__arrow,
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .iti__country-name,
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .iti__dial-code,
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .iti__divider {
    margin-top: 0 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .iti__divider{
    padding-bottom: 0px !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .iti__country {
    margin-top: 0 !important;
    display: flex;
    gap: 4px;
    align-items: center;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .iti__country,
#__eedivChatMain #__eemessageWindow .vidyaai-quick-action-lead-gate-chatreply .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .iti__country {
    padding: 8px 12px !important;
    min-height: 40px !important;
    gap: 8px !important;
    line-height: 24px !important;
    align-items: center !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .iti__country-name,
#__eedivChatMain #__eemessageWindow .vidyaai-quick-action-lead-gate-chatreply .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .iti__country-name {
    margin-right: 6px !important;
    line-height: 24px !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .iti__dial-code,
#__eedivChatMain #__eemessageWindow .vidyaai-quick-action-lead-gate-chatreply .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .iti__dial-code {
    margin-left: 2px !important;
    line-height: 24px !important;
}


/* Override global `.vidyaai-lead-details-field .iti__country-list { bottom: 100% }` (forces drop-up). Prefer opening below in-thread. */
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-field .iti__country-list {
    bottom: auto !important;
    top: 100% !important;
    margin-top: 4px !important;
    max-height: min(260px, 42vh) !important;
    z-index: 2147483000 !important;
    padding-left: 0px;
    width: 300px !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .iti__flag-container .iti__selected-flag {
    background: #ffffff !important;
    border: none !important;
    border-right: 1px solid #d5d7da !important;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0px 6px !important;
    box-sizing: border-box !important;
    display: flex;
    gap: 4px;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .iti--allow-dropdown input.vidyaai-lead-phone-intl {
    flex: 1 1 auto !important;
    min-height: 34px !important;
    height: 34px !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 8px 12px 8px 76px !important;
    margin: 0 !important;
    box-shadow: none !important;
    background: #ffffff !important;
    
}

/*
 * In-chat OTP (pre-lead gate row + anonymous flow): card padding, form gap, no `.reply *` margin bleed.
 */
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-prelead-llm-gate-msg-slot *,
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root *,
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-otp-flow-root * {
    margin-top: 0 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-otp-flow-root .vidyaai-lead-details-shell .vidyaai-lead-details-card,
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-otp-flow-root .vidyaai-lead-details-shell .vidyaai-lead-details-card,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-otp-flow-root .vidyaai-lead-details-card {
    overflow: visible !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-otp-flow-root .vidyaai-otp-flow-step.vidyaai-otp-flow-step--verify,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-otp-flow-root .vidyaai-otp-flow-step--verify {
    padding: 0 !important;
    margin: 0 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-otp-flow-root .vidyaai-lead-details-form.vidyaai-otp-form,
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-otp-form,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-otp-form {
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-otp-flow-root .vidyaai-otp-sent-text,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-otp-sent-text {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-otp-flow-root .vidyaai-otp-boxes,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-otp-boxes {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-otp-flow-root .vidyaai-otp-links,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-otp-links {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-otp-flow-root .vidyaai-otp-actions-row,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-otp-actions-row {
    margin-top: 0 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-otp-flow--verified .vidyaai-lead-details-submit,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-otp-flow--verified .vidyaai-lead-details-submit {
    background: #98a2b3 !important;
    border-color: #98a2b3 !important;
    color: #ffffff !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    opacity: 1 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-otp-flow--verified .vidyaai-otp-actions-row .ac-otp-change-button,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-otp-flow--verified .ac-otp-change-button {
    opacity: 0.55 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-otp-flow--verified .ac-otp-change-button.vidyaai-force-enabled,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-otp-flow--verified .ac-otp-change-button.vidyaai-force-enabled,
#__eedivChatMain .vidyaai-lead-otp-flow-root .vidyaai-otp-flow--verified .ac-otp-change-button.vidyaai-force-enabled,
#__eedivChatMain .vidyaai-otp-card .vidyaai-otp-flow--verified .ac-otp-change-button.vidyaai-force-enabled {
    background: #ffffff !important;
    color: #1c3761 !important;
    border: 1px solid #d8d8d8 !important;
    opacity: 1 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-otp-flow--verified .vidyaai-otp-links,
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-otp-flow--verified .vidyaai-otp-resend-btn,
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-otp-flow--verified .vidyaai-otp-resend-timer,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-otp-flow--verified .vidyaai-otp-links,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-otp-flow--verified .vidyaai-otp-resend-btn,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-otp-flow--verified .vidyaai-otp-resend-timer {
    pointer-events: none !important;
    color: #98a2b3 !important;
    cursor: not-allowed !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-otp-flow--verified .vidyaai-otp-resend-btn,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-otp-flow--verified .vidyaai-otp-resend-btn {
    text-decoration: none !important;
}

/*
 * Thank‑you stripe under the lead card (add‑lead message "1") when `isAnonymousStudentFlowActive()` — see Content/scripts/site.js.
 * Applies when #eeChatContainer has .vidya-anonymous-flow.
 */
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #__eemessageWindow #vidyaAiPreLeadLlmLimitGateOverlay.vidyaai-prelead-gate--lead-captured .vidyaai-prelead-gate-lead-thanks {
    margin-top: 12px;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.45;
    color: #344054;
    border-radius: 8px;
    background: #f9fafb;
}

/* Lead form snapshot after successful add-lead (anonymous + pre-lead gate). */
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain .vidyaai-lead-details-root.vidyaai-lead-details--submitted,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #vidyaAiPreLeadLlmLimitGateOverlay.vidyaai-prelead-gate--lead-captured .vidyaai-lead-details-root {
    pointer-events: none !important;
    opacity: 0.72 !important;
}

#eeChatContainer.vidya-anonymous-flow #__eedivChatMain .vidyaai-lead-details-root.vidyaai-lead-details--submitted .vidyaai-lead-details-input,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain .vidyaai-lead-details-root.vidyaai-lead-details--submitted .vidyaai-lead-details-select-trigger,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #vidyaAiPreLeadLlmLimitGateOverlay.vidyaai-prelead-gate--lead-captured .vidyaai-lead-details-input,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #vidyaAiPreLeadLlmLimitGateOverlay.vidyaai-prelead-gate--lead-captured .vidyaai-lead-details-select-trigger {
    background: #f2f4f7 !important;
    color: #667085 !important;
    cursor: not-allowed !important;
}

#eeChatContainer.vidya-anonymous-flow #__eedivChatMain .vidyaai-lead-details-root.vidyaai-lead-details--submitted .vidyaai-lead-details-submit,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #vidyaAiPreLeadLlmLimitGateOverlay.vidyaai-prelead-gate--lead-captured .vidyaai-lead-details-submit {
    opacity: 0.55 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* Submitted/disabled lead form: keep intl country dial code visible in the phone row. */
#__eedivChatMain .vidyaai-lead-details-iti--submitted .iti__flag-container,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain .vidyaai-lead-details-root.vidyaai-lead-details--submitted .iti__flag-container,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #vidyaAiPreLeadLlmLimitGateOverlay.vidyaai-prelead-gate--lead-captured .iti__flag-container,
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-gate--lead-captured .iti__flag-container {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#__eedivChatMain .vidyaai-lead-details-iti--submitted .iti__selected-dial-code,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain .vidyaai-lead-details-root.vidyaai-lead-details--submitted .iti__selected-dial-code,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #vidyaAiPreLeadLlmLimitGateOverlay.vidyaai-prelead-gate--lead-captured .iti__selected-dial-code,
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-gate--lead-captured .iti__selected-dial-code {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #667085 !important;
}

#__eedivChatMain .vidyaai-lead-details-iti--submitted .iti__arrow,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain .vidyaai-lead-details-root.vidyaai-lead-details--submitted .iti__arrow,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #vidyaAiPreLeadLlmLimitGateOverlay.vidyaai-prelead-gate--lead-captured .iti__arrow {
    display: none !important;
}

#eeChatContainer.vidya-anonymous-flow #__eedivChatMain .vidyaai-lead-details-root.vidyaai-lead-details--submitted .iti--allow-dropdown input.vidyaai-lead-phone-intl,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #vidyaAiPreLeadLlmLimitGateOverlay.vidyaai-prelead-gate--lead-captured .iti--allow-dropdown input.vidyaai-lead-phone-intl,
#__eedivChatMain .vidyaai-lead-details-iti--submitted .iti--allow-dropdown input.vidyaai-lead-phone-intl {
    background: #f2f4f7 !important;
    color: #667085 !important;
    cursor: not-allowed !important;
}

#eeChatContainer.vidya-anonymous-flow #__eedivChatMain .vidyaai-lead-details-root.vidyaai-lead-details--submitted .iti__flag-container .iti__selected-flag,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #vidyaAiPreLeadLlmLimitGateOverlay.vidyaai-prelead-gate--lead-captured .iti__flag-container .iti__selected-flag,
#__eedivChatMain .vidyaai-lead-details-iti--submitted .iti__flag-container .iti__selected-flag {
    background: #f2f4f7 !important;
    cursor: not-allowed !important;
}

/* Frozen phone row (submitted form) — keeps +dial visible without intl-tel-input instance */
#__eedivChatMain #eeChatContainer .vidyaai-lead-phone-frozen-row {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    border: 1px solid #d5d7da !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    background: #f2f4f7 !important;
    min-height: 40px !important;
    overflow: hidden !important;
    .vidyaai-lead-details-input{
        border: none !important;
    }
}

#__eedivChatMain .vidyaai-lead-phone-frozen-prefix {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    gap: 4px !important;
    padding: 0 6px !important;
    border-right: 1px solid #d5d7da !important;
    background: #f2f4f7 !important;

}

#__eedivChatMain .vidyaai-lead-phone-frozen-dial {
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    white-space: nowrap !important;
}

#__eedivChatMain .vidyaai-lead-phone-intl-frozen-input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 38px !important;
    border: none !important;
    border-radius: 0 6px 6px 0 !important;
    padding: 8px 12px !important;
    background: #f2f4f7 !important;
    color: #667085 !important;
    font-size: 13px !important;
    cursor: not-allowed !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-quick-action-lead-gate-chatreply .vidyaai-lead-phone-frozen-row,
#__eedivChatMain #__eemessageWindow .vidyaai-prelead-llm-gate-chatreply .vidyaai-lead-phone-frozen-row {
    min-height: 40px !important;
    border-radius: 6px !important;
}

/* Legacy full-screen overlay (pre in-thread gate). Safe to remove once all clients ship chat-row gate. */
#__eedivChatMain #__eechatWindow .vidyaai-prelead-llm-gate-overlay {
    position: absolute;
    inset: 0;
    z-index: 120;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    box-sizing: border-box;
    padding: 16px;
}

#__eedivChatMain #__eechatWindow .vidyaai-prelead-llm-gate-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.35);
    pointer-events: auto;
}

#__eedivChatMain #__eechatWindow .vidyaai-prelead-llm-gate-panel {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 341px;
    max-height: calc(100% - 32px);
    overflow-y: auto;
}

#__eedivChatMain .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-shell {
    display: block;
    width: 100%;
}

#__eedivChatMain .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-card {
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(10, 13, 18, 0.05);
    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(135deg, #7c3aed, #ec4899, #f97316, #facc15) border-box;
    border: 1px solid transparent;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    padding: 16px;
    box-sizing: border-box;
    overflow: visible;
}

#__eedivChatMain .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-body {
    padding: 0;
    margin: 0;
}

#__eedivChatMain .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-form {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
}

#__eedivChatMain .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-field {
    margin: 0;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#__eedivChatMain .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-label {
    font-size: 13px;
    font-weight: 500;
    color: #414651;
    line-height: 20px;
    margin: 0;
    margin-bottom: 0;
}

#__eedivChatMain .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-input,
#__eedivChatMain .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-select-trigger {
    min-height: 36px;
    border-radius: 6px;
    border: 1px solid #d5d7da !important;
    font-size: 13px;
    color: #101828;
}

#__eedivChatMain .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .vidyaai-lead-details-select-trigger {
    min-height: 40px !important;
    padding: 10px 40px 10px 14px !important;
    border: 1px solid #d5d7da !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    color: #101828 !important;
}

#__eedivChatMain .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-custom-select {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

#__eedivChatMain .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-custom-select .vidyaai-lead-details-select-trigger {
    flex: 1 1 auto;
    min-width: 0;
}

#__eedivChatMain .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-custom-select .vidyaai-lead-details-select-clear {
    position: static;
    flex: 0 0 32px;
}

#__eedivChatMain .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-field--chain-hidden {
    display: none !important;
}

#__eedivChatMain .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-footer {
    padding: 12px 0 0;
    margin: 0;
}

#__eedivChatMain .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-submit {
    width: 100% !important;
    border-radius: 6px;
    background: #1c3761 !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    box-shadow: 0 1px 2px rgba(10, 13, 18, 0.05);
}

/* VidyaAi lead shell — Figma 7705:607. VidyaAi.syncVidyaLeadDetailsShellClass toggles #__eechatWindow.vidyaai-lead-details-active and .vidyaai-lead-details-msg (no :has). */
#__eedivChatMain div[id^="__eechatmsg_"].vidyaai.vidyaai-lead-details-msg {
    margin: 0 0 12px !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
}

#__eedivChatMain div[id^="__eechatmsg_"].vidyaai.vidyaai-lead-details-msg > .botIcon {
    display: none !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-active {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.16) !important;
    filter: none !important;
    overflow: hidden !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-active::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: 381px !important;
    z-index: 0 !important;
    pointer-events: none !important;
    border-radius: 16px 16px 0 0 !important;
    background: linear-gradient(
        180deg,
        #1c3761 0%,
        #1c3761 42%,
        rgba(255, 255, 255, 0) 100%
    );
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-active #gptHeader {
    background: transparent !important;
    border-bottom: none !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
    position: relative !important;
    z-index: 2 !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-active #eeChatBotChatWindow {
    background: #ffffff !important;
    position: absolute !important;
    z-index: 1 !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-active #__eemessageWindow {
    background: transparent !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-active #chatCopyright,
#__eedivChatMain #__eechatWindow.vidyaai-lead-details-active .chatCopyright {
    text-align: center !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    color: var(--ee-copyright-footer-font-color, #7d7d7d) !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-active .vidyaai-lead-details-hero {
    box-sizing: border-box !important;
    width: 100% !important;
    text-align: center !important;
    padding: 4px 20px 20px !important;
    position: relative !important;
    z-index: 1 !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-active .vidyaai-lead-details-hero-line1 {
    margin: 0 0 6px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    color: rgba(255, 255, 255, 0.88) !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-active .vidyaai-lead-details-hero-line2 {
    margin: 0 !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    color: #ffffff !important;
}

#__eedivChatMain .vidyaai-lead-details-shell {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 369px !important;
    margin: 0 auto !important;
    padding: 16px 20px !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    position: relative !important;
    z-index: 1 !important;
}

#__eedivChatMain .vidyaai-lead-details-shell .vidyaai-lead-details-card {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#__eedivChatMain .vidyaai-lead-details-shell .vidyaai-lead-details-info-outer {
    margin: 0 !important;
}

#__eedivChatMain .vidyaai-lead-details-shell .vidyaai-lead-details-body {
    max-height: none !important;
}

#__eedivChatMain .vidyaai-lead-details-shell .vidyaai-lead-details-submit {
    width: 100% !important;
    max-width: none !important;
    margin: 16px 0 0 !important;
    border-radius: 8px !important;
}

/* Figma sync hard overrides (node 7705:607) */
#__eedivChatMain #__eechatWindow.vidyaai-lead-details-active {
    border-radius: 16px !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.16) !important;
    background: #ffffff !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-active #gptHeader {
    min-height: auto !important;
    padding: 20px 18px 8px 18px !important;
    background: transparent !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-active .vidyaai-lead-details-hero {
    padding: 6px 0px 16px 0px !important;
    text-align: left !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-active .vidyaai-lead-details-hero-line1 {
    margin: 0 !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.8px !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-active .vidyaai-lead-details-hero-line1 {
    font-size: 32px !important;
    line-height: 1.05 !important;
    letter-spacing: -0.8px !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-active .vidyaai-lead-details-hero-line2 {
    margin: 0 !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.8px !important;
    color: #ffffff !important;
}

#__eedivChatMain .vidyaai-lead-details-shell {
    width:100% !important;
    max-width: 400px !important;
    padding: 16px 20px !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
}

#__eedivChatMain .vidyaai-lead-details-shell .vidyaai-lead-details-info-outer {
    border: 1px solid #ff9124 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

#__eedivChatMain .vidyaai-lead-details-shell .vidyaai-lead-details-info-title {
    margin: 0 0 10px 0 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
    color: #1c3761 !important;
}

#__eedivChatMain .vidyaai-lead-details-shell .vidyaai-lead-details-info-inner--single .vidyaai-lead-details-info-title,
#__eedivChatMain .vidyaai-lead-details-shell .vidyaai-lead-details-info-inner--single .vidyaai-lead-details-info-desc {
    margin: 0 !important;
}

#__eedivChatMain .vidyaai-lead-details-shell .vidyaai-lead-details-info-desc {
    margin: 0 auto !important;
    max-width: 305px !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    line-height: 16px !important;
    letter-spacing: 0.1px !important;
    color: #656565 !important;
}

#__eedivChatMain .vidyaai-lead-details-shell .vidyaai-lead-details-label {
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #414651 !important;
    margin-bottom: 0px !important;
}

#__eedivChatMain .vidyaai-lead-details-shell .vidyaai-lead-details-input {
    min-height: 34px !important;
    border: 1px solid #d5d7da !important;
    border-radius: 6px !important;
    color: #393939 !important;
    background: #ffffff !important;
    margin-bottom: 0px !important;
}

#__eedivChatMain .vidyaai-lead-details-shell .vidyaai-lead-details-input::placeholder {
    color: #717680 !important;
}

#__eedivChatMain .vidyaai-lead-details-shell .vidyaai-lead-details-submit {
    min-height: 34px !important;
    margin-top: 16px !important;
    border-radius: 6px !important;
    background: #1c3761 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
}

#__eedivChatMain #__eemessageWindow.expandedchat .vidyaai-lead-details-shell {
    max-width: min(520px, 94%) !important;
}

#__eedivChatMain #__eemessageWindow.expandedchat .vidyaai-lead-details-shell .vidyaai-lead-details-submit {
    max-width: none !important;
}

/* Full-ui lead shell only: sticky submit while info block + fields scroll together */
#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell .vidyaai-lead-details-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    max-height: min(50dvh, 450px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell .vidyaai-lead-details-card::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell .vidyaai-lead-details-info-outer {
    flex-shrink: 0 !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell .vidyaai-lead-details-body {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: 8px !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell .vidyaai-lead-details-form {
    min-height: fit-content !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell .vidyaai-lead-details-footer {
    flex-shrink: 0 !important;
    position: sticky !important;
    bottom: 0 !important;
    z-index: 2 !important;
    background: #ffffff !important;
    padding-top: 8px !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell .vidyaai-lead-details-submit {
    position: static !important;
    margin-top: 0 !important;
    box-shadow: none !important;
}

#__eedivChatMain .vidya-anonymous-flow .vidyaai-lead-details-shell .vidyaai-lead-details-footer {
    margin-right: 0px;
}

#__eedivChatMain .vidyaai-lead-details-shell .vidyaai-lead-details-footer{

}

/* Lead details — standard flow (VidyaAI.syncVidyaAnonymousFlow sets .vidya-standard-flow on #eeChatContainer). */
/* #eeChatContainer.vidya-standard-flow #actionButtons > button:last-child img {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
} */

#eeChatContainer.vidya-standard-flow #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell .vidyaai-lead-details-footer,
#eeChatContainer.vidya-standard-flow #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-footer {
    position: sticky !important;
    bottom: 0 !important;
    flex-shrink: 0 !important;
    margin-bottom: 0 !important;
    z-index: 2 !important;
    width: 100% !important;
    margin-right: 0 !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    padding-top: 8px !important;
}

#eeChatContainer.vidya-standard-flow .vidyaai-lead-details-custom-select .vidyaai-lead-details-select-clear {
    right: 32px !important;
}

#eeChatContainer.vidya-standard-flow #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell .vidyaai-lead-details-card {
    max-height: 100% !important;
}

#__eedivChatMain .vidyaai-lead-details-root--prelead-llm-gate .vidyaai-lead-details-shell .vidyaai-lead-details-footer {
    z-index: auto !important;
}

/* Anonymous flow — Talk to counselor quick-action lead gate in chat (Figma 8130:8826) */
#__eedivChatMain #__eemessageWindow .vidyaai-quick-action-lead-gate-chatreply .vidyaai-lead-details-root--anonymous-flow-quick-action-gate {
    --vidya-anon-quick-gate-max-width: min(320px, 100%);
    width: 100%;
    max-width: var(--vidya-anon-quick-gate-max-width);
    margin-right: auto;
    overflow: visible !important;
    padding: 0 20px 0 0 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-quick-action-lead-gate-chatreply {
    align-self: stretch !important;
    width: 100% !important;
    max-width: fit-content!important;
    box-sizing: border-box !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-quick-action-lead-gate-chatreply .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .vidyaai-lead-details-shell {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    border-radius: 0 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-quick-action-lead-gate-chatreply .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .vidyaai-lead-details-shell .vidyaai-lead-details-card,
#eeChatContainer.vidya-anonymous-flow #__eedivChatMain #__eemessageWindow .vidyaai-quick-action-lead-gate-chatreply .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .vidyaai-lead-details-shell .vidyaai-lead-details-card {
    display: flex !important;
    flex-direction: column !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    background: #ffffff !important;
    border: 1px solid #d8d8d8 !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 16px 20px 16px !important;
    box-sizing: border-box !important;
    /* max-height: min(calc(100dvh - 280px), 420px) !important; */
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-quick-action-lead-gate-chatreply .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .vidyaai-lead-details-gate-header,
#__eedivChatMain #__eemessageWindow .vidyaai-quick-action-lead-gate-chatreply .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .vidyaai-lead-details-gate-illustration,
#__eedivChatMain #__eemessageWindow .vidyaai-quick-action-lead-gate-chatreply .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .vidyaai-lead-details-body {
    flex-shrink: 0 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-quick-action-lead-gate-chatreply .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .vidyaai-lead-details-footer {
    position: sticky !important;
    bottom: 0 !important;
    flex-shrink: 0 !important;
    z-index: 2 !important;
    background: #ffffff !important;
    padding: 16px 0 8px !important;
    margin: 4px 0 0 !important;
}

#__eedivChatMain #__eemessageWindow.expandedchat > .vidyaai-quick-action-lead-gate-chatreply {
    width: 100% !important;
    max-width: fit-content !important;
}

#__eedivChatMain .vidya-anonymous-flow #__eemessageWindow .vidyaai-quick-action-lead-gate-chatreply .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .vidyaai-lead-details-footer {
    padding: 8px 0 8px !important;
    margin: 4px 0 0 !important;
}

#__eedivChatMain .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .vidyaai-lead-details-body {
    padding: 0 0 8px 0 !important;
    max-height: none !important;
}

#__eedivChatMain .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .vidyaai-lead-details-gate-header {
    margin: 0 0 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    color: #101828 !important;
    text-align: left !important;
}

#__eedivChatMain .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .vidyaai-lead-details-gate-illustration {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    min-height: 150px !important;
}

#__eedivChatMain .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .vidyaai-lead-details-gate-illustration .vidyaai-lead-details-feature-wrap {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 280px !important;
    height: auto !important;
    min-height: 0px !important;
    margin: 0 auto !important;
    border-radius: 0 !important;
}

#__eedivChatMain .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .vidyaai-lead-details-gate-illustration .vidyaai-lead-details-feature-img {
    width: 100% !important;
    max-width: 280px !important;
    height: auto !important;
    max-height: 160px !important;
    object-fit: contain !important;
}

#__eedivChatMain .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .vidyaai-lead-details-form {
    padding: 0 !important;
    gap: 12px !important;
}

#__eedivChatMain .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .vidyaai-lead-details-input {
    min-height: 34px !important;
    padding: 7.2px 14px !important;
    border: 1px solid #d5d7da !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    color: #101828 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-quick-action-lead-gate-chatreply .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .iti--allow-dropdown {
    width: 100% !important;
    display: flex !important;
    align-items: stretch !important;
    border: 1px solid #d5d7da !important;
    border-radius: 6px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    min-height: 40px !important;
    position: relative !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-quick-action-lead-gate-chatreply .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .iti__flag-container .iti__selected-flag {
    background: #ffffff !important;
    border: none !important;
    border-right: 1px solid #d5d7da !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 6px !important;
    box-sizing: border-box !important;
    display: flex;
    gap: 4px;
}

#__eedivChatMain #__eemessageWindow .vidyaai-quick-action-lead-gate-chatreply .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .iti__selected-dial-code {
    visibility: visible !important;
    opacity: 1 !important;
    color: #101828 !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-quick-action-lead-gate-chatreply .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .iti--allow-dropdown input.vidyaai-lead-phone-intl {
    flex: 1 1 auto !important;
    min-height: 38px !important;
    height: 38px !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 8px 12px 8px 78px !important;
    margin: 0 !important;
    box-shadow: none !important;
    background: #ffffff !important;
}

#__eedivChatMain #__eemessageWindow .vidyaai-quick-action-lead-gate-chatreply .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .iti__country-list {
    bottom: auto !important;
    top: 100% !important;
    margin-top: 4px !important;
}

#__eedivChatMain .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .vidyaai-lead-details-submit {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 8px 25px !important;
    border: none !important;
    border-radius: 6px !important;
    background: #98a2b3 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
}

#__eedivChatMain .vidyaai-lead-details-root--anonymous-flow-quick-action-gate .vidyaai-lead-details-submit:not(:disabled) {
    background: #1c3761 !important;
}

#__eedivChatMain .vidyaai-lead-details-custom-select {
    position: relative !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#__eedivChatMain .vidyaai-lead-details-custom-select .vidyaai-lead-details-select-trigger {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

#__eedivChatMain .vidyaai-lead-details-custom-select .vidyaai-lead-details-select-clear {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    cursor: pointer !important;
    border-radius: 6px !important;
    position: absolute !important;
    right: 32px !important;
    margin: 0 !important;
}

#__eedivChatMain .vidyaai-lead-details-select-clear.is-hidden {
    display: none !important;
}

#__eedivChatMain .vidya-anonymous-flow .vidyaai-lead-details-select-clear-icon {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    pointer-events: none !important;
}

#__eedivChatMain .vidyaai-lead-details-select-clear-icon {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    pointer-events: none !important;
}

#__eedivChatMain .vidyaai-lead-details-field--chain-hidden {
    display: none !important;
}

#__eedivChatMain .vidyaai-lead-details-hidden-select {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    padding: 0 !important;
}

#__eedivChatMain .vidyaai-lead-details-select-trigger {
    position: relative !important;
    padding-right: 40px !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    background: #ffffff !important;
}

/* Vidya lead course select — shared chevron (in-chat gate + full lead form) */
#__eedivChatMain .vidyaai-lead-details-select-trigger::after {
    content: "" !important;
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    width: 20px !important;
    height: 20px !important;
    transform: translateY(-50%) rotate(0deg) !important;
    transition: transform 0.2s ease !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23717680' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
        center / contain no-repeat !important;
    pointer-events: none !important;
}

#__eedivChatMain .vidyaai-lead-details-select-trigger.is-open::after {
    transform: translateY(-50%) rotate(180deg) !important;
}

#__eedivChatMain .vidyaai-lead-details-select-trigger.is-placeholder {
    color: #717680 !important;
}

#__eedivChatMain .vidyaai-lead-details-select-dropdown {
    display: none;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    /* bottom: -50px; */
    top: calc(100% + 4px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #ffffff !important;
    border: 1px solid #d5d7da !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 24px rgba(16, 24, 40, 0.14) !important;
    z-index: 20 !important;
    margin-bottom: 0px;
}

#__eedivChatMain .vidyaai-lead-details-select-dropdown.is-open {
    display: block !important;
}

#__eedivChatMain .vidyaai-lead-details-select-search-wrap {
    padding: 8px !important;
    border-bottom: 1px solid #eaecf0 !important;
    background: #ffffff !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1 !important;
}

#__eedivChatMain .vidyaai-lead-details-select-search {
    width: 100% !important;
    box-sizing: border-box !important;
    border: 1px solid #d5d7da !important;
    border-radius: 6px !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
    line-height: 18px !important;
}

#__eedivChatMain .vidyaai-lead-details-select-options-wrap {
    max-height: 170px !important;
    overflow-y: auto !important;
}

#__eedivChatMain .vidyaai-lead-details-select-option {
    width: 100% !important;
    border: 0 !important;
    background: #ffffff !important;
    text-align: left !important;
    padding: 9px 12px !important;
    font-size: 13px !important;
    line-height: 18px !important;
    color: #393939 !important;
    cursor: pointer !important;
}

#__eedivChatMain .vidyaai-lead-details-select-option:hover,
#__eedivChatMain .vidyaai-lead-details-select-option.selected {
    background: #eef4ff !important;
}

#__eedivChatMain .vidyaai-lead-details-select-empty {
    padding: 9px 12px !important;
    color: #717680 !important;
    font-size: 13px !important;
}

#__eedivChatMain .vidyaai-form-inline-error {
    color: #d92d20 !important;
    font-size: 12px !important;
    line-height: 16px !important;
}

#__eedivChatMain .vidyaai-field-inline-error {
    margin-top: 4px !important;
}

#__eedivChatMain .vidyaai-hidden {
    display: none !important;
}

#__eedivChatMain .vidyaai-force-enabled {
    pointer-events: auto !important;
    opacity: 1 !important;
}

#__eedivChatMain .vidyaai-no-bg-image {
    background-image: none !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: clamp(12px, 3vw, 20px) !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-hero {
    flex-shrink: 0 !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell .vidyaai-lead-details-card {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
}

/* Suppresses vidyaaiFigmaSearchHost while #__eechatWindow has vidyaai-lead-details-full-ui, even when data-vidya-figma-active is 1. See mountVidyaFigmaPromptAfterLeadSession for post-lead compose on main chat. */
#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui #vidyaaiFigmaSearchHost[data-vidya-figma-active="1"] {
    display: none !important;
    visibility: hidden !important;
}

#__eedivChatMain #vidyaaiFigmaSearchHost {
    box-sizing: border-box !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 18px !important;
    z-index: 99999999999 !important;
    width: -webkit-fill-available !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-top: 10px !important;
    padding: 7px 12px !important;
    flex-shrink: 0 !important;
    background: #ffffff !important;
    overflow: visible !important;
}

#__eedivChatMain #vidyaaiFigmaSearchHost .vidyaai-figma-search {
    margin-top: 0 !important;
}

/* VidyaAi Figma prompt (node 7484:6995) — mounted in #vidyaaiFigmaSearchHost after lead + session (see mountVidyaFigmaPromptAfterLeadSession). */
#__eedivChatMain .vidyaai-figma-search {
    box-sizing: border-box !important;
    width: 100% !important;
    margin-top: 8px !important;
}

#__eedivChatMain .vidyaai-figma-search-chips {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 4px 0 12px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
}

#__eedivChatMain .vidyaai-figma-search-chip {
    flex: 0 0 auto !important;
    padding: 8px 14px !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #4a4a4a !important;
    font-family: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

#__eedivChatMain .vidyaai-figma-search-box {
    width: 100% !important;
}

#__eedivChatMain .vidyaai-figma-search-box-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 48px !important;
    padding: 4px 8px 4px 16px !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
}

#__eedivChatMain .vidyaai-figma-search-textarea {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 22px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
    resize: none !important;
    font-family: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #7d7d7d !important;
    background: transparent !important;
}

#__eedivChatMain .vidyaai-figma-search-textarea::placeholder {
    color: #7d7d7d !important;
}

/* #vidyaInputTextArea global rule must not restyle the Figma pill compose field */
#__eedivChatMain #vidyaaiFigmaSearchHost #vidyaInputTextArea.vidyaai-figma-search-textarea {
    border: none !important;
    outline: none !important;
    padding: 0 !important;
    min-height: 22px !important;
    background: transparent !important;
    box-shadow: none !important;
}

#__eedivChatMain .vidyaai-figma-search-actions {
    display: flex !important;
    flex-shrink: 0 !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: 0 !important;
}

#__eedivChatMain .vidyaai-figma-search-mic-slot {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-height: 24px !important;
}

#__eedivChatMain .vidyaai-figma-search-mic-slot .mic-button {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

#__eedivChatMain .vidyaai-figma-search-mic-slot .mic-icon-img {
    width: 24px !important;
    height: 24px !important;
}

#__eedivChatMain .vidyaai-figma-search-flash {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 4 !important;
    margin-left: -4px !important;
}

#__eedivChatMain .vidyaai-figma-search-flash-glyph {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    background: linear-gradient(180deg, #ff6f61 0%, #ff9800 50%, #7c4dff 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

#__eedivChatMain .vidyaai-figma-search-send {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 8px !important;
    background: #1c3761 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 3 !important;
}

#__eedivChatMain .vidyaai-figma-search-pause {
    display: none !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0px !important;
    border-radius: 8px !important;
    background: #1c3761 !important;
    box-sizing: border-box !important;
    position: static !important;
    right: 0 !important;
    cursor: pointer !important;
}

#__eedivChatMain #__eechatWindow.generating_text .vidyaai-figma-search-pause,
#__eedivChatMain #__eechatWindow.stop_chat_api_call .vidyaai-figma-search-pause {
    display: block !important;
}

#__eedivChatMain .vidyaai-figma-search-send:disabled,
#__eedivChatMain .vidyaai-figma-search-send.vidyaai-figma-search-send-disabled {
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

#__eedivChatMain .vidyaai-figma-search-send img,
#__eedivChatMain .vidyaai-figma-search-send img.sendIcon {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

#__eedivChatMain .vidyaai-figma-search-send.vidyaai-figma-send-active img {
    filter: none !important;
}

#__eedivChatMain .vidyaai-figma-search-footer {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid #eeeeee !important;
    font-family: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    color: #7d7d7d !important;
    text-align: center !important;
}

#__eedivChatMain .vidyaai-figma-search-footer-sep {
    color: #d0d0d0 !important;
    font-weight: 300 !important;
}

#__eedivChatMain .vidyaai-figma-search-brand {
    color: #f97316 !important;
    font-weight: 600 !important;
}

#__eedivChatMain .vidyaai-figma-search-love {
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

/* Vidya OTP: standalone card + inline lead/OTP flow (shared tokens).
   Class-only lines = same rules when markup is NOT under #__eedivChatMain (some embeds / hosts). */
#__eedivChatMain .vidyaai-otp-card .vidyaai-otp-form .vidyaai-otp-title-label,
#__eedivChatMain .vidyaai-lead-otp-flow-root .vidyaai-otp-form .vidyaai-otp-title-label,
.vidyaai-otp-card .vidyaai-otp-form .vidyaai-otp-title-label,
.vidyaai-lead-otp-flow-root .vidyaai-otp-form .vidyaai-otp-title-label {
    color: #414651 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
}

#__eedivChatMain .vidyaai-otp-card .vidyaai-otp-sent-text,
#__eedivChatMain .vidyaai-lead-otp-flow-root .vidyaai-otp-sent-text,
.vidyaai-otp-card .vidyaai-otp-sent-text,
.vidyaai-lead-otp-flow-root .vidyaai-otp-sent-text {
    color: #6b6b6b !important;
    font-size: 12px !important;
    line-height: 16px !important;
    margin-top: 2px !important;
}

#__eedivChatMain .vidyaai-otp-card .vidyaai-otp-boxes,
#__eedivChatMain .vidyaai-lead-otp-flow-root .vidyaai-otp-boxes,
.vidyaai-otp-card .vidyaai-otp-boxes,
.vidyaai-lead-otp-flow-root .vidyaai-otp-boxes {
    display: flex !important;
    gap: 12px !important;
    justify-content: center !important;
    margin-top: 2px !important;
    margin-bottom: 10px !important;
}

#__eedivChatMain .vidyaai-otp-card .vidyaai-otp-box,
#__eedivChatMain .vidyaai-lead-otp-flow-root .vidyaai-otp-box,
.vidyaai-otp-card .vidyaai-otp-box,
.vidyaai-lead-otp-flow-root .vidyaai-otp-box {
    width: 48px !important;
    height: 48px !important;
    border: 1px solid #d5d7da !important;
    border-radius: 8px !important;
    text-align: center !important;
    font-size: 28px !important;
    font-weight: 500 !important;
    line-height: 48px !important;
    color: #393939 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

#__eedivChatMain .vidyaai-otp-card .vidyaai-otp-box:focus,
#__eedivChatMain .vidyaai-lead-otp-flow-root .vidyaai-otp-box:focus,
.vidyaai-otp-card .vidyaai-otp-box:focus,
.vidyaai-lead-otp-flow-root .vidyaai-otp-box:focus {
    border-color: #8ea4c9 !important;
    box-shadow: 0 0 0 1px #8ea4c9 !important;
    outline: none !important;
}

#__eedivChatMain .vidyaai-otp-card .vidyaai-otp-box:disabled,
#__eedivChatMain .vidyaai-lead-otp-flow-root .vidyaai-otp-box:disabled,
.vidyaai-otp-card .vidyaai-otp-box:disabled,
.vidyaai-lead-otp-flow-root .vidyaai-otp-box:disabled {
    cursor: not-allowed !important;
    opacity: 0.7 !important;
}

#__eedivChatMain .vidyaai-otp-card .vidyaai-otp-verify-error,
#__eedivChatMain .vidyaai-lead-otp-flow-root .vidyaai-otp-verify-error,
.vidyaai-otp-card .vidyaai-otp-verify-error,
.vidyaai-lead-otp-flow-root .vidyaai-otp-verify-error {
    color: #b42318 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    text-align: center !important;
    margin: -4px 0 10px 0 !important;
    min-height: 16px !important;
}

#__eedivChatMain .vidyaai-otp-card .vidyaai-otp-verify-error.vidyaai-otp-verify-success,
#__eedivChatMain .vidyaai-lead-otp-flow-root .vidyaai-otp-verify-error.vidyaai-otp-verify-success,
.vidyaai-otp-card .vidyaai-otp-verify-error.vidyaai-otp-verify-success,
.vidyaai-lead-otp-flow-root .vidyaai-otp-verify-error.vidyaai-otp-verify-success {
    color: #067647 !important;
}

#__eedivChatMain .vidyaai-otp-card .ac-otp-actionSet .ac-otp-submitButton.vidyaai-otp-submit--loading,
#__eedivChatMain .vidyaai-lead-otp-flow-root .ac-otp-actionSet .ac-otp-submitButton.vidyaai-otp-submit--loading,
.vidyaai-otp-card .ac-otp-actionSet .ac-otp-submitButton.vidyaai-otp-submit--loading,
.vidyaai-lead-otp-flow-root .ac-otp-actionSet .ac-otp-submitButton.vidyaai-otp-submit--loading {
    position: relative !important;
    pointer-events: none !important;
    color: transparent !important;
    opacity: 1 !important;
    cursor: wait !important;
}

#__eedivChatMain .vidyaai-otp-card .ac-otp-actionSet .ac-otp-submitButton.vidyaai-otp-submit--loading::after,
#__eedivChatMain .vidyaai-lead-otp-flow-root .ac-otp-actionSet .ac-otp-submitButton.vidyaai-otp-submit--loading::after,
.vidyaai-otp-card .ac-otp-actionSet .ac-otp-submitButton.vidyaai-otp-submit--loading::after,
.vidyaai-lead-otp-flow-root .ac-otp-actionSet .ac-otp-submitButton.vidyaai-otp-submit--loading::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 14px !important;
    height: 14px !important;
    margin: -7px 0 0 -7px !important;
    border: 2px solid rgba(28, 55, 97, 0.22) !important;
    border-top-color: #1c3761 !important;
    border-radius: 50% !important;
    animation: vidyaaiOtpSubmitSpin 0.65s linear infinite !important;
    box-sizing: border-box !important;
}

/* Inline Vidya OTP (buildVidyaOtpVerifyInnerHtml): submit is NOT inside .ac-otp-actionSet */
#__eedivChatMain .vidyaai-otp-card .vidyaai-lead-details-submit.ac-otp-submitButton.vidyaai-otp-submit--loading,
#__eedivChatMain .vidyaai-lead-otp-flow-root .vidyaai-lead-details-submit.ac-otp-submitButton.vidyaai-otp-submit--loading,
.vidyaai-otp-card .vidyaai-lead-details-submit.ac-otp-submitButton.vidyaai-otp-submit--loading,
.vidyaai-lead-otp-flow-root .vidyaai-lead-details-submit.ac-otp-submitButton.vidyaai-otp-submit--loading {
    position: relative !important;
    pointer-events: none !important;
    color: transparent !important;
    opacity: 1 !important;
    cursor: wait !important;
}

#__eedivChatMain .vidyaai-otp-card .vidyaai-lead-details-submit.ac-otp-submitButton.vidyaai-otp-submit--loading::after,
#__eedivChatMain .vidyaai-lead-otp-flow-root .vidyaai-lead-details-submit.ac-otp-submitButton.vidyaai-otp-submit--loading::after,
.vidyaai-otp-card .vidyaai-lead-details-submit.ac-otp-submitButton.vidyaai-otp-submit--loading::after,
.vidyaai-lead-otp-flow-root .vidyaai-lead-details-submit.ac-otp-submitButton.vidyaai-otp-submit--loading::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 18px !important;
    height: 18px !important;
    margin: -9px 0 0 -9px !important;
    border: 2px solid rgba(255, 255, 255, 0.35) !important;
    border-top-color: #ffffff !important;
    border-radius: 50% !important;
    animation: vidyaaiOtpSubmitSpin 0.65s linear infinite !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
}

@keyframes vidyaaiOtpSubmitSpin {
    to {
        transform: rotate(360deg);
    }
}

#__eedivChatMain .vidyaai-otp-card .vidyaai-otp-links,
#__eedivChatMain .vidyaai-lead-otp-flow-root .vidyaai-otp-links,
.vidyaai-otp-card .vidyaai-otp-links,
.vidyaai-lead-otp-flow-root .vidyaai-otp-links {
    color: #6b6b6b !important;
    font-size: 12px !important;
    line-height: 24px !important;
    text-align: center !important;
    margin-bottom: -8px !important;
}

#__eedivChatMain .vidyaai-otp-card .vidyaai-otp-link-btn,
#__eedivChatMain .vidyaai-lead-otp-flow-root .vidyaai-otp-link-btn,
.vidyaai-otp-card .vidyaai-otp-link-btn,
.vidyaai-lead-otp-flow-root .vidyaai-otp-link-btn {
    border: none !important;
    background: transparent !important;
    color: #1c3761 !important;
    text-decoration: underline !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 24px !important;
}

#__eedivChatMain .vidyaai-otp-card .vidyaai-otp-resend-timer,
#__eedivChatMain .vidyaai-lead-otp-flow-root .vidyaai-otp-resend-timer,
.vidyaai-otp-card .vidyaai-otp-resend-timer,
.vidyaai-lead-otp-flow-root .vidyaai-otp-resend-timer {
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 24px !important;
}

#__eedivChatMain .vidyaai-otp-card .vidyaai-otp-actions-row,
#__eedivChatMain .vidyaai-lead-otp-flow-root .vidyaai-otp-actions-row,
.vidyaai-otp-card .vidyaai-otp-actions-row,
.vidyaai-lead-otp-flow-root .vidyaai-otp-actions-row {
    display: flex !important;
    gap: 10px !important;
    margin-top: 14px !important;
    flex-direction: row-reverse;
}

#__eedivChatMain .vidyaai-otp-card .vidyaai-otp-actions-row .ac-otp-submitButton,
#__eedivChatMain .vidyaai-lead-otp-flow-root .vidyaai-otp-actions-row .ac-otp-submitButton,
.vidyaai-otp-card .vidyaai-otp-actions-row .ac-otp-submitButton,
.vidyaai-lead-otp-flow-root .vidyaai-otp-actions-row .ac-otp-submitButton,
#__eedivChatMain .vidyaai-otp-card .vidyaai-otp-actions-row .ac-otp-change-button,
#__eedivChatMain .vidyaai-lead-otp-flow-root .vidyaai-otp-actions-row .ac-otp-change-button,
.vidyaai-otp-card .vidyaai-otp-actions-row .ac-otp-change-button,
.vidyaai-lead-otp-flow-root .vidyaai-otp-actions-row .ac-otp-change-button {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

#__eedivChatMain .vidyaai-otp-card .vidyaai-otp-actions-row .ac-otp-change-button,
#__eedivChatMain .vidyaai-lead-otp-flow-root .vidyaai-otp-actions-row .ac-otp-change-button,
.vidyaai-otp-card .vidyaai-otp-actions-row .ac-otp-change-button,
.vidyaai-lead-otp-flow-root .vidyaai-otp-actions-row .ac-otp-change-button {
    background: #ffffff !important;
    color: #1c3761 !important;
    border: 1px solid #d8d8d8 !important;
}

/* Phone ↔ OTP step swap inside one card */
#__eedivChatMain .vidyaai-otp-flow,
.vidyaai-otp-flow {
    position: relative !important;
    width: 100% !important;
}

#__eedivChatMain .vidyaai-otp-flow[data-vidya-step="phone"] .vidyaai-otp-flow-step--verify,
.vidyaai-otp-flow[data-vidya-step="phone"] .vidyaai-otp-flow-step--verify {
    display: none !important;
}

#__eedivChatMain .vidyaai-otp-flow[data-vidya-step="verify"] .vidyaai-otp-flow-step--phone,
.vidyaai-otp-flow[data-vidya-step="verify"] .vidyaai-otp-flow-step--phone {
    display: none !important;
}

#__eedivChatMain .vidyaai-otp-flow[data-vidya-step="verify"] .vidyaai-otp-flow-step--verify,
.vidyaai-otp-flow[data-vidya-step="verify"] .vidyaai-otp-flow-step--verify {
    display: block !important;
    animation: vidyaOtpFlowStepIn 0.28s ease !important;
}

/* Send OTP footer is sibling of .vidyaai-otp-flow — hide on verify step */
#__eedivChatMain .vidyaai-otp-flow[data-vidya-step="verify"] + .vidyaai-lead-details-footer,
.vidyaai-otp-flow[data-vidya-step="verify"] + .vidyaai-lead-details-footer {
    display: none !important;
}

@keyframes vidyaOtpFlowStepIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media only screen and (max-device-width: 640px) {
    #__eedivChatMain #__eechatWindow.vidyaai-lead-details-active::before {
        border-radius: 0 !important;
    }

    #__eedivChatMain #__eechatWindow.vidyaai-lead-details-active #gptHeader {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
}

/* Vidya full-window lead form: hide default chat chrome; scroll host below header */
#__eedivChatMain #vidyaaiLeadDetailsFullHost {
    display: none !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui #vidyaaiLeadDetailsFullHost {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    position: absolute !important;
    top: 80px !important;
    bottom: 0px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 2144836471 !important;
    min-height: 0 !important;
    padding: 0 12px 12px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    background: transparent !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui #vidyaaiLeadDetailsFullHost::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui #floatingContainer,
#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui #feedbackPopUpContainer,
#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui #eeChatBotChatWindow,
#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui #promptCarouselWithButtons,
#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui #searchBox,
    #__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui #vidyaone,
#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui #__eemessage-input {
    display: none !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui #vidyaaiLeadDetailsFullHost .vidyaai-lead-details-root {
    flex: 1 1 auto !important;
    width: min(100%, 420px) !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    border: none !important;
    background-color: transparent !important;
    display: flex !important;
    justify-content: flex-start !important;
    flex-direction: column !important;
    margin: 0 auto !important;
}

/* Lead full-ui: info block + fields scroll together; submit stays sticky at bottom */
#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui #vidyaaiLeadDetailsFullHost {
    top: clamp(72px, 11vh, 96px) !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui #vidyaaiLeadDetailsFullHost::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    max-width: 100% !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell .vidyaai-lead-details-card,
#eeChatContainer.vidya-standard-flow #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell .vidyaai-lead-details-card {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    /* max-height: min(calc(100dvh - 260px), 450px) !important; */
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell .vidyaai-lead-details-card::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell .vidyaai-lead-details-body {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: 8px !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell .vidyaai-lead-details-footer,
#eeChatContainer.vidya-standard-flow #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell .vidyaai-lead-details-footer,
#eeChatContainer.vidya-standard-flow #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-footer {
    position: sticky !important;
    bottom: 0 !important;
    flex-shrink: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding-top: 8px !important;
    z-index: 2 !important;
    background: #ffffff !important;
}

@media only screen and (max-device-width: 640px) {
    #__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui #vidyaaiLeadDetailsFullHost {
        top: clamp(80px, 12vh, 96px) !important;
        bottom: 44px !important;
        padding: 0 8px 8px !important;
    }

    #__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui #vidyaaiLeadDetailsFullHost .vidyaai-lead-details-root {
        width: 100% !important;
    }

    #__eedivChatMain #__eechatWindow.vidyaai-lead-details-active .vidyaai-lead-details-hero-line1,
    #__eedivChatMain #__eechatWindow.vidyaai-lead-details-active .vidyaai-lead-details-hero-line2 {
        font-size: 24px !important;
        line-height: 1.15 !important;
    }

    #__eedivChatMain .vidyaai-lead-details-info-outer {
        min-height: auto !important;
    }
}

@media (max-height: 760px) {
    #__eedivChatMain #__eechatWindow.vidyaai-lead-details-active .vidyaai-lead-details-hero {
        padding: 4px 0 16px !important;
    }

    #__eedivChatMain #__eechatWindow.vidyaai-lead-details-active .vidyaai-lead-details-hero-line1,
    #__eedivChatMain #__eechatWindow.vidyaai-lead-details-active .vidyaai-lead-details-hero-line2 {
        font-size: clamp(22px, 5vw, 28px) !important;
        line-height: 1.15 !important;
    }

    #__eedivChatMain #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell .vidyaai-lead-details-card,
    #eeChatContainer.vidya-standard-flow #__eechatWindow.vidyaai-lead-details-full-ui .vidyaai-lead-details-shell .vidyaai-lead-details-card {
        max-height: min(calc(100dvh - 200px), 420px) !important;
    }
}

#__eedivChatMain #__eemessageWindow .message-in {
    width: unset !important;
}


#__eemessageWindow .scrollDown, #__eemessageWindowPrev .scrollDown {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 145px;
    z-index: 9999999999;
    align-self: center;
    border-radius: 50%;
    width: max-content;
    left: 50%;
    max-width: unset !important;
    margin-left: -16px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.22s ease, visibility 0.22s ease;
}

#__eemessageWindow .scrollDown.ee-scrolldown-visible,
#__eemessageWindowPrev .scrollDown.ee-scrolldown-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

#__eemessageWindowPrev .scrollDown {
    position: fixed;
    margin-left: 0px;
    width: 34px !important;
    height: 34px !important;
    max-height: 34px !important;
    max-width: 34px !important;
}

#__eemessageWindow .scrollDown > img,
.scrollDown > img {
    box-shadow: 0px -1.42px 15.44px 0px rgba(0, 0, 0, 0.12);
    border-radius: 50%;
    cursor: pointer;
    width: 34px !important;
    height: 34px !important;
    max-height: 34px !important;
    max-width: 34px !important;
}

#__eemessageWindow .ongoing-chat-older-loader,
#__eemessageWindow .ongoing-chat-beginning-marker {
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
    color: #6b7280;
    padding: 8px 12px;
    box-sizing: border-box;
}

@keyframes eeOlderChatLoaderPulse {
    0%,
    100% {
        opacity: 0.55;
    }
    50% {
        opacity: 1;
    }
}

#__eemessageWindow .ongoing-chat-older-loader {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    z-index: 4;
    font-style: italic;
    pointer-events: none;
    margin: 0;
    animation: eeOlderChatLoaderPulse 1.4s ease-in-out infinite;
}

#__eemessageWindow .ongoing-chat-session-boundary,
#__eemessageWindow .ongoing-chat-new-session-boundary {
    display: none;
}

#__eemessageWindow .ongoing-chat-beginning-marker {
    border-top: 1px solid #e5e7eb;
    margin-bottom: 4px;
    color: #9ca3af;
}

/* Vidya Gpt css and */



/*add "none" or "block"*/

/*to hide on devices other than mobile , make display : none , else display: block; --- By Khushi*/
#__eedivChatMain #eeChatContainer #eeChatIndicator .indicator {
    display: var(--ee-show-on-other);
    min-height: 40px;
    max-height: 100px;
    padding: 8px 12px !important;
    bottom: 36px !important;
}

    /*To add content of message --- By Khushi */
    #__eedivChatMain #eeChatContainer #eeChatIndicator .indicator p:not(.dynamic-content)::before {
        margin: 10px 10px 0 10px;
        visibility: visible;
        position: absolute;
        top: 0;
        left: 0;
        content: "Hello. I am your Admission Bot here to assist with your queries. Lets talk.";
    }

    #__eedivChatMain #eeChatContainer #eeChatIndicator .indicator p.dynamic-content {
        color: #393939;
        font-family: var(--ee-user-font-family);
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px !important;
        letter-spacing: 0.1px;
        margin-top: 6px;
    }

.ac-image.ac-selectable {
    cursor: pointer;
}

.skypeContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

a.ac-anchor {
    text-decoration: none;
}

    a.ac-anchor:link {
        color: #005a9e;
    }

    a.ac-anchor:visited {
        color: #005a9e;
    }

    a.ac-anchor:link:active {
        color: #004d84;
    }

    a.ac-anchor:visited:active {
        color: #004d84;
    }

.ac-container.ac-selectable,
.ac-columnSet.ac-selectable {
    padding: 0px;
}

    .ac-container.ac-selectable:hover,
    .ac-columnSet.ac-selectable:hover {
        background-color: rgba(0, 0, 0, 0.1) !important;
    }

    .ac-container.ac-selectable:active,
    .ac-columnSet.ac-selectable:active {
        background-color: rgba(0, 0, 0, 0.15) !important;
    }

#__eedivChatMain #__eechatWindow .ac-pushButton {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-family: var(--ee-user-font-family) !important;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 6px 0px 4px;
    min-height: 31px;
    height: auto;
    background-color: #078ee4;
    color: #fff;
    overflow: visible !important;
    width: 80%;
    text-overflow: unset !important;
    padding: 0 15px;
    white-space: pre-wrap !important;
}

    #__eedivChatMain #__eechatWindow .ac-pushButton + div {
        width: 0 !important;
    }

#__eemessageWindow .ac-container > .ac-container {
    width: 100% !important;
}

#__eemessageWindow .ac-container > div > div > div {
    flex-wrap: wrap;
    justify-content: center !important;
}

#__eemessageWindow .__eechatmsg_first_server_msg .ac-adaptiveCard {
    border-bottom-left-radius: 2px !important;
}

#__eemessageWindow .__eechatmsg_not_first_server_msg .ac-adaptiveCard {
    border-bottom-left-radius: 2px !important;
    border-top-left-radius: 2px !important;
}

#__eemessageWindow .__eechatmsg_not_first_server_msg:last-of-type .ac-adaptiveCard {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 12px !important;
}

#__eedivChatMain #__eechatWindow .ac-pushButton:hover,
#__eedivChatMain #__eechatWindow .ac-pushButton:hover div {
    background-color: #fff !important;
    color: #0078d7 !important;
}

#__eedivChatMain #__eechatWindow .ac-pushButton:active,
#__eedivChatMain #__eechatWindow .ac-pushButton:active:hover,
#__eedivChatMain #__eechatWindow .ac-pushButton:active div,
#__eedivChatMain #__eechatWindow .ac-pushButton:active:hover div {
    background-color: #fff !important;
    color: #0078d7 !important;
}

#__eedivChatMain #__eechatWindow .ac-pushButton {
    border: 2px solid #dcdcdc;
    border-radius: 20px;
    line-height: 20px !important;
}

#__eedivChatMain #__eechatWindow .ac-input {
    font-family: var(--ee-user-font-family) !important;
    font-size: 14px;
    color: black;
    color: #FFFFFF;
}

    #__eedivChatMain #__eechatWindow .ac-input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        font-size: 12px;
        color: rgba(0, 0, 0, 0.3);
    }

    #__eedivChatMain #__eechatWindow .ac-input::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 12px;
        color: rgba(0, 0, 0, 0.3);
    }

#__eedivChatMain
#__eechatWindow
#_eemessage-input
#eeMsg-in::-webkit-input-placeholder {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.3);
}

#__eedivChatMain #__eechatWindow .ac-input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 12px;
    color: rgba(0, 0, 0, 0.3);
}

#__eedivChatMain #__eechatWindow .ac-input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 12px;
    color: rgba(0, 0, 0, 0.3);
}

#__eedivChatMain #__eechatWindow .ac-input.ac-textInput {
    resize: none;
}

    #__eedivChatMain #__eechatWindow .ac-input.ac-textInput:disabled {
        cursor: not-allowed;
    }

    #__eedivChatMain #__eechatWindow .ac-input.ac-textInput.ac-multiline {
        height: 72px;
    }

#__eedivChatMain #__eechatWindow .ac-input.ac-textInput,
.ac-input.ac-numberInput,
.ac-input.ac-dateInput,
.ac-input.ac-timeInput {
    height: 31px;
}

#__eedivChatMain #__eechatWindow .ac-input.ac-textInput,
.ac-input.ac-numberInput,
.ac-input.ac-dateInput,
.ac-input.ac-timeInput,
.ac-input.ac-multichoiceInput {
    border: 1px solid #dddddd;
    padding: 8px 12px;
    margin-bottom: 0;
    color: #7d7d7d;
    border-radius: 8px 0px 0px 8px;
    border: 1px solid rgba(216, 216, 216, 1) !important;
    min-height: 31px !important;
}


    #__eedivChatMain #__eechatWindow .ac-input.ac-textInput::-webkit-input-placeholder,
    #__eedivChatMain #__eechatWindow .ac-input.ac-multichoiceInput::-webkit-input-placeholder {
        color: var(--ee-input-field-placeholder-color);
    }
/*Bot hexagon*/
.hexagon {
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    cursor: pointer;
    width: 50px;
    height: 40px;
    margin: 2px 5px -20px 0px;
}

.hexagon-in1 {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.hexagon-in2 {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../assets/bot-framework.png);
    background-size: 50px 50px;
    visibility: visible;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

body {
    background-color: transparent;
    /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    */
}

#eeChatIndicator {
    font-family: var(--ee-user-font-family) !important;
}

#__eedivChatMain #__eechatWindow .ac-container {
    outline: 0;
    justify-content: center;
    padding: 10px !important;
    color: #333;
    font-family: var(--ee-user-font-family) !important;
}

    #__eedivChatMain #__eechatWindow .ac-container > div {
        white-space: normal !important;
    }

.ac-columnSet > .ac-container {
    padding: 0 !important;
}

div[id^="__eechatmsg_"] {
    margin: 5px 5px 8px 5px;
    display: flex;
}

#__eedivChatMain #__eemessageWindow .message-in .messageText,
#__eedivChatMain #__eemessageWindow .message-out .messageText,
.ac-container,
.ac-container div,
.ac-container p,
.ac-pushButton {
    font-family: var(--ee-user-font-family) !important;
    font-weight: 400;
    font-size: 14px !important;
    /*margin: 0 0 5px;*/
}

    .ac-container p {
        color: var(--ee-primary-font-color);
        line-height: 1.4;
    }

#__eedivChatMain #__eechatIcon {
    position: fixed;
    right: 30px;
    bottom: 36px !important;
    z-index: 214483646;
    cursor: pointer;
    width: 65px;
    height: 65px;
    background-size: contain;
    background-repeat: no-repeat;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 50%;
    background-image: url("../../images/chatBot.svg")
}

    #__eedivChatMain #__eechatIcon.crm {
        right: 17px;
        bottom: 40px;
        width: 56px;
        height: 56px;
    }

#__eedivChatMain #__eechatWindow {
    z-index: 214483647;
    background-color: transparent;
    width: 350px;
    height: 500px;
    position: fixed;
    bottom: 48px;
    right: 48px;
    display: none;
    /*margin-right: 10px;*/
}

    #__eedivChatMain #__eechatWindow .background-shadow-screen {
        background: rgba(0, 0, 0, 0.3);
        z-index: 2144836473;
        width: 100%;
        position: absolute;
        height: 100%;
        border-radius: 0px;
        opacity: 0;
    }

    #__eedivChatMain #__eechatWindow .background-shadow-screen.ee-overlay-enter {
        animation: eeOverlayFadeIn 0.28s ease forwards;
    }

    @keyframes eeOverlayFadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }

    #__eedivChatMain #__eechatWindow .confirmation-popup {
        display: flex;
        flex-direction: column;
        background: #FFFFFF;
        box-shadow: 0px 4px 16px rgb(0 0 0 / 16%);
        border-radius: 6px;
        position: absolute;
        z-index: 2144836473;
        top: 216px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        width: 312px;
        border: 1px solid #d8d8d8;
        opacity: 0;
        transform: translateY(12px) scale(0.97);
    }

    #__eedivChatMain #__eechatWindow .confirmation-popup.ee-panel-enter {
        animation: eePanelSlideUpIn 0.34s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }

    @keyframes eePanelSlideUpIn {
        from {
            opacity: 0;
            transform: translateY(12px) scale(0.97);
        }
        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }

        #__eedivChatMain #__eechatWindow .confirmation-popup .confirmation-msg-container {
            display: flex;
            flex-direction: column;
            padding: 16px 16px 24px;
        }

            #__eedivChatMain #__eechatWindow .confirmation-popup .confirmation-msg-container span {
                font-weight: 600;
                font-size: 14px;
                line-height: 19px !important;
                color: #393939;
                padding-bottom: 12px;
            }

            #__eedivChatMain #__eechatWindow .confirmation-popup .confirmation-msg-container p {
                font-weight: 400;
                font-size: 13px;
                line-height: 19px !important;
                margin-top: 0px;
                margin-bottom: 0px;
                color: var(--ee-secondaory-font-color);
            }

        #__eedivChatMain #__eechatWindow .confirmation-popup .footer-container {
            padding-right: 16px;
            padding-bottom: 16px;
            display: flex;
            justify-content: flex-end;
        }

            #__eedivChatMain #__eechatWindow .confirmation-popup .footer-container .cancel-btn {
                float: right;
                width: 78px;
                margin-right: 8px;
                display: flex;
                justify-content: center;
                align-items: center;
                background: var(--ee-chat-bot-button-color);
                border: none;
                border-radius: 4px;
                font-weight: 400;
                font-size: 12px;
                line-height: 16px !important;
                color: #FFFFFF;
                padding: 8px 12px 8px 12px;
                cursor: pointer;
                max-height: 32px;
                border: 1px solid var(--ee-chat-bot-button-color) !important;
                margin-right: 8px;

            }

            #__eedivChatMain #__eechatWindow .confirmation-popup .footer-container .ok-btn {
                float: right;
                width: 78px;
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: pointer;
                background: #FFFFFF;
                border: none;
                border-radius: 4px;
                font-weight: 400;
                font-size: 12px !important;
                line-height: 16px !important;
                color: var(--ee-chat-bot-button-color);
                padding: 8px 12px 8px 12px;
                max-height: 32px;
                border: 1px solid #d8d8d8 !important;
                /* box-shadow: none !important; */
            }

                #__eedivChatMain #__eechatWindow .confirmation-popup .footer-container .ok-btn:hover {
                    background: var(--ee-chat-bot-options-hover);
                }

        #__eedivChatMain #__eechatWindow .confirmation-popup.ivr-confirm-popup .footer-container .ok-btn,
        #__eedivChatMain #__eechatWindow .confirmation-popup.ivr-confirm-popup .footer-container .cancel-btn {
            width: auto;
            min-width: 90px;
            max-height: none;
            white-space: nowrap;
            padding: 8px 16px;
        }

#__eedivChatMain .prevChatBody div {
    pointer-events: none !important;
}

#__eedivChatMain .disabledChatBody div {
    pointer-events: none !important;
}

#__eedivChatMain .disabledChatBody .scrollDown {
    pointer-events: all !important;
}

#__eedivChatMain #__eemessageWindow {
    /* //background-color: #FFF;
  //height: -webkit-calc(100% - 141px);
  //height: -moz-calc(100% - 141px);
  //height: calc(100% - 141px); */
    overflow-y: hidden;
    overflow-x: hidden;
    padding: 24px 16px 0px 20px !important;
    flex: 6;
    /* Reserve space for scrollbar */
    scrollbar-gutter: stable;
    position: relative;
    bottom: 1px;
    /* margin-bottom: 0px; */
}

    #__eedivChatMain #__eemessageWindow.notLoggedInBody {
        height: calc(100% - 96px);
    }

    #__eedivChatMain #__eemessageWindow.disabledChatBody {
        height: calc(100% - 64px) !important;
    }
    /* Last live reply min-height — value driven by --ee-chatreply-min-height CSS variable
       set on #__eemessageWindow by applyLastChatReplyDynamicMinHeight() in JS.
       No inline styles are injected on individual chatreply elements. */
    #__eedivChatMain #__eemessageWindow > .chatreply:last-of-type,
    #__eedivChatMain #__eemessageWindow > .chatreply:nth-last-child(1 of .chatreply),
    #__eedivChatMain #__eemessageWindow > .chatreply.ee-last-main-chatreply {
        min-height: var(--ee-chatreply-min-height, 0px);
        transition: min-height 2s ease;
    }

    /* Suppress min-height when a widget/custom div immediately follows the last chatreply. */
    #__eedivChatMain #__eemessageWindow > .chatreply.ee-has-trailing-widget {
        min-height: 0px !important;
        transition: none !important;
    }

    /* Anonymous flow before real add-lead: no last-reply stretch (lead gate + prompt in thread). */
    #eeChatContainer.vidya-anonymous-flow.vidya-anonymous-pre-add-lead #__eedivChatMain #__eemessageWindow > .chatreply:last-of-type,
    #eeChatContainer.vidya-anonymous-flow.vidya-anonymous-pre-add-lead #__eedivChatMain #__eemessageWindow > .chatreply:nth-last-child(1 of .chatreply),
    #eeChatContainer.vidya-anonymous-flow.vidya-anonymous-pre-add-lead #__eedivChatMain #__eemessageWindow > .chatreply.ee-last-main-chatreply,
    #eeChatContainer.vidya-anonymous-flow.vidya-anonymous-pre-add-lead #__eedivChatMain #__eemessageWindow > .chatreply.vidyaai-prelead-llm-gate-chatreply,
    #eeChatContainer.vidya-anonymous-flow.vidya-anonymous-pre-add-lead #__eedivChatMain #__eemessageWindow > .chatreply.vidyaai-prelead-gate-loader-chatreply,
    #eeChatContainer.vidya-anonymous-flow.vidya-anonymous-pre-add-lead #__eedivChatMain #__eemessageWindow > .chatreply.vidyaai-quick-action-lead-gate-chatreply {
        min-height: 0 !important;
        transition: none !important;
    }

    #eeChatContainer.vidya-anonymous-flow.vidya-anonymous-pre-add-lead #__eedivChatMain #__eemessageWindow {
        overflow-y: auto !important;
        padding-bottom: 20px !important;
    }

    #eeChatContainer.vidya-anonymous-flow.vidya-anonymous-pre-add-lead #__eedivChatMain #__eemessageWindow > .chatreply.vidyaai-prelead-llm-gate-chatreply,
    #eeChatContainer.vidya-anonymous-flow.vidya-anonymous-pre-add-lead #__eedivChatMain #__eemessageWindow > .chatreply.vidyaai-quick-action-lead-gate-chatreply {
        margin-bottom: 12px !important;
    }

    #eeChatContainer.vidya-anonymous-flow.vidya-anonymous-pre-add-lead #__eemessageWindow .scrollDown.ee-scrolldown-visible {
        bottom: 190px !important;
    }

    #__eedivChatMain #__eemessageWindow > div:last-child {
         margin-bottom:50px;  
    }

    #__eedivChatMain #__eemessageWindow #noInternetConnection {
        position: fixed;
        height: inherit;
        width: calc(100% - 28px) !important;
    }

#__eedivChatMain:hover #__eemessageWindow {
    overflow-y: auto; /* Show scrollbar on hover */
}

#__eedivChatMain #__eemessageWindow.gpt {
    height: inherit;
    bottom: 20px;
}

#__eedivChatMain #__eemessageWindow::-webkit-scrollbar {
    width: 6px;
}

#__eedivChatMain #__eemessageWindow::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50px;
}

#__eedivChatMain #__eemessageWindow .chatmessage {
    margin: 16px 0px 0px;
}

    #__eedivChatMain #__eemessageWindow .chatmessage .time-indicator {
        position: relative;
        top: 44px;
        height: 13px;
        padding-right: 3px;
        border-radius: 50%;
        font-size: 10px;
        text-align: right;
        color: var(--ee-secondaory-font-color);
    }

    #__eedivChatMain #__eemessageWindow .chatmessage.message-out {
        display: flex;
        /* flex-direction: row-reverse; */
    }

    #__eedivChatMain #__eemessageWindow .chatmessage.message-in {
        display: flex;
    }

#__eedivChatMain #__eemessageWindow .message-in {
    clear: both;
    text-align: left;
    width: 90%;
    /* //border: 1px solid red; */
}

    #__eedivChatMain #__eemessageWindow .message-in .messageText {
        display: table-cell;
        vertical-align: middle;
        padding: 5px 10px;
    }

    #__eedivChatMain #__eemessageWindow .message-out .messageText,
    #__eedivChatMain #__eemessageWindow .message-in .messageText {
        display: flex !important;
        vertical-align: middle;
        padding: 5px 10px;
        word-wrap: break-word;
    }

#__eedivChatMain #__eemessageWindow .message-out .multiInputMsgText {
    display: table-cell !important;
}

#__eedivChatMain #__eemessageWindow .message-in .messageText,
#__eedivChatMain #__eechatWindow .ac-container {
    display: table;
    width: 100%;
    min-height: 30px;
    position: relative;
    text-align: left;
    background-color: var(--ee-background-color) !important;
    border: 1px solid var(--ee-background-color) !important;
    border-radius: 12px;
    color: rgba(0, 0, 0, 0.8);
}

#__eedivChatMain #eeChatContainer .eeChat_loader {
    border-radius: 2px 12px 12px;
    background: var(--ee-background-color);
    background-color: var(--ee-background-color);
    /* margin-top:8px */
}

    #__eedivChatMain #eeChatContainer .eeChat_loader .ac-container {
        /*width: auto;
    height: 20px;*/
        padding: 0 0 0 10px !important;
    }

#__eedivChatMain #__eemessageWindow .message-out .messageText {
    /*display: flex;*/
    float: right;
    min-height: 28px;
    /* border: 1px solid var(--ee-chat-bot-button-color); */
    color: #fff;
    /* background-color: var(--ee-chat-bot-button-color); */
    border-radius: 12px 2px 12px 12px;
    /* width: auto !important; */
    /* width: 100%; */
    position: relative;
    align-items: flex-start;
    padding: 0px;
    width: inherit;
}

    #__eedivChatMain #__eemessageWindow .message-in .messageText::after,
    #__eedivChatMain #__eemessageWindow .message-out .messageText::after,
    .ac-container::after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 12px;
        /*width: 100%;
    */
    }

#__eedivChatMain #__eemessageWindow .message-in .image-container,
#__eedivChatMain #__eemessageWindow .message-out .image-container {
    position: relative;
    margin-bottom: 5px;
    padding: 0px;
    min-width: 252px !important;
    min-height: 154px;
    border: 4px solid var(--ee-chat-bot-options-hover);
    color: var(--ee-primary-font-color);
    background-color: #FFFFFF;
}

    #__eedivChatMain #__eemessageWindow .message-in .image-container.__eechat-dropdown-options-container#__eedivChatMain #__eemessageWindow .message-out .image-container {
        border: 4px solid var(--ee-background-color) !important;
    }

    #__eedivChatMain #__eemessageWindow .message-in .image-container .image-uploaded,
    #__eedivChatMain #__eemessageWindow .message-out .image-container .image-uploaded {
        width: 100%;
        max-height: 250px;
        min-height: 150px;
        min-width: 244px;
        border-radius: 12px 2px 12px 12px;
    }

    #__eedivChatMain #__eemessageWindow .message-in .image-container:hover .image-download-container,
    #__eedivChatMain #__eemessageWindow .message-out .image-container:hover .image-download-container {
        display: block !important;
    }

    #__eedivChatMain #__eemessageWindow .message-in .image-container .image-download-container,
    #__eedivChatMain #__eemessageWindow .message-out .image-container .image-download-container {
        position: absolute;
        right: 4px;
        padding: 4px;
        padding-top: 1.5px;
        border-radius: 2px;
        background: rgba(125, 125, 125, 0.2);
    }

    #__eedivChatMain #__eemessageWindow .message-in .image-container:hover .image-download-container .image-download-white-icon,
    #__eedivChatMain #__eemessageWindow .message-out .image-container:hover .image-download-container .image-download-white-icon {
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("../../images/image-download-white.svg")
    }

#__eedivChatMain #__eemessageWindow .message-in .file-wrapper,
#__eedivChatMain #__eemessageWindow .message-out .file-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 4px solid var(--ee-chat-bot-options-hover);
    color: var(--ee-primary-font-color);
    background-color: #FFFFFF;
    padding: 12px;
}

#__eedivChatMain #__eemessageWindow .message-in .file-wrapper {
    border: 4px solid var(--ee-background-color) !important;
}


    #__eedivChatMain #__eemessageWindow .message-in .file-wrapper .download-file-icon,
    #__eedivChatMain #__eemessageWindow .message-out .file-wrapper .download-file-icon {
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("../../images/download-file.svg");
        width: 20px;
        height: 20px;
        display: block;
        cursor: pointer;
    }

    #__eedivChatMain #__eemessageWindow .message-in .file-wrapper .docs-image,
    #__eedivChatMain #__eemessageWindow .message-out .file-wrapper .docs-image {
        height: 28px;
    }

    #__eedivChatMain #__eemessageWindow .message-in .file-wrapper .pdf-icon,
    #__eedivChatMain #__eemessageWindow .message-out .file-wrapper .pdf-icon {
        background-size: contain;
        background-repeat: no-repeat;
        width: 18px;
        height: 24px;
        background-image: url("../../images/pdf-icon.svg")
    }


    #__eedivChatMain #__eemessageWindow .message-in .file-wrapper .doc-icon,
    #__eedivChatMain #__eemessageWindow .message-out .file-wrapper .doc-icon {
        background-size: contain;
        background-repeat: no-repeat;
        width: 18px;
        height: 24px;
        background-image: url("../../images/doc-icon.svg")
    }



    #__eedivChatMain #__eemessageWindow .message-in .file-wrapper .text-message,
    #__eedivChatMain #__eemessageWindow .message-out .file-wrapper .text-message {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #__eedivChatMain #__eemessageWindow .message-in .file-wrapper .text-message-span,
    #__eedivChatMain #__eemessageWindow .message-out .file-wrapper .text-message-span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 169px;
        margin-right: 8px;
    }

/*
#__eedivChatMain #__eemessageWindow .message-in .messageText::after,
.ac-container::after {
  left: -6px;
  border-right: 5px solid #078ee4;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  width: 100%;
 
}
 

#__eedivChatMain #__eemessageWindow .message-out .messageText::after {
  right: -6px;
  border-left: 5px solid #1f8ceb;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
}
     */

#__eedivChatMain .chatFooter,
.chatCopyright {
    background-color: transparent; /*#fff;*/
    z-index: 99999999999;
}

.chatCopyright.bg-transparent {
    background-color: transparent !important;
}

.chatCopyright.bg-white {
    background-color: #fff !important;
}

#__eedivChatMain .chatCopyright {
    height: auto;
}

    #__eedivChatMain .chatCopyright .chat-conversation-end {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FFFFFF;
        mix-blend-mode: normal;
        box-shadow: 0px -2px 16px #edeeee;
        border-radius: 0px;
        z-index: 214483646999;
        padding-top: 20px;
        padding-bottom: 16px;
        flex-direction: column;
        gap: 12px;
        will-change: transform, opacity;
    }

    @keyframes eeConversationEndEnter {
        from {
            opacity: 0;
            transform: translateY(18px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes eeConversationEndExit {
        from {
            opacity: 1;
            transform: translateY(0);
        }
        to {
            opacity: 0;
            transform: translateY(14px);
        }
    }

    @keyframes eeConversationEndChildIn {
        from {
            opacity: 0;
            transform: translateY(10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    #__eedivChatMain .chatCopyright .chat-conversation-end.chat-conversation-end-enter {
        animation: eeConversationEndEnter 0.38s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }

    #__eedivChatMain .chatCopyright .chat-conversation-end.chat-conversation-end-enter .end-msg {
        animation: eeConversationEndChildIn 0.34s ease 0.06s backwards;
    }

    #__eedivChatMain .chatCopyright .chat-conversation-end.chat-conversation-end-enter .chat-conversation-end-buttons {
        animation: eeConversationEndChildIn 0.34s ease 0.14s backwards;
    }

    #__eedivChatMain .chatCopyright .chat-conversation-end.chat-conversation-end-exit {
        animation: eeConversationEndExit 0.28s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        pointer-events: none;
    }

    #__eedivChatMain .chatCopyright .chat-conversation-end.chat-conversation-end-shown {
        opacity: 1;
        transform: translateY(0);
    }

    #__eedivChatMain .chatCopyright .chat-conversation-end.chat-conversation-end-hidden {
        display: none !important;
    }

    #__eedivChatMain .chatCopyright .chat-conversation-end.chat-conversation-end-disabled {
        position: relative;
        pointer-events: none;
        box-shadow: none !important;
    }

    #__eedivChatMain .chatCopyright .chat-conversation-end.chat-conversation-end-disabled::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.3);
        z-index: 1;
        border-radius: 0px;
    }

    #__eedivChatMain .chatCopyright .chat-conversation-end.chat-conversation-end-disabled .start-new-chat-btn {
        cursor: not-allowed !important;
        position: relative;
        z-index: 0;
    }

    #__eedivChatMain .chatCopyright .chat-conversation-end.chat-conversation-end-disabled .end-msg {
        position: relative;
        z-index: 0;
    }

        #__eedivChatMain .chatCopyright .chat-conversation-end .end-msg {
            font-weight: 400;
            font-size: 14px;
            line-height: 17px !important;
            display: flex;
            align-items: center;
            color: var(--ee-copyright-footer-font-color);
        }

        #__eedivChatMain .chatCopyright .chat-conversation-end .chat-conversation-end-buttons {
            display: flex;
            gap: 12px;
            width: 90%;
            justify-content: center;
        }

        #__eedivChatMain .chatCopyright .chat-conversation-end .chat-conversation-end-buttons .continue-chat-btn {
            display: flex;
            flex: 1;
            border: 1px solid var(--ee-border-color) !important;
            max-width: 180px;
            max-height: 36px;
            justify-content: center;
            align-items: center;
            gap: 10px;
            flex-shrink: 0;
            background: var(--ee-white);
            color: var(--ee-chat-bot-color);
            border: none;
            border-radius: 6px;
            font-size: 13px;
            font-weight: 500;
            line-height: 20px !important;
            cursor: pointer;
            font-family: var(--ee-user-font-family);
            padding: 8px 0px !important;
        }

        #__eedivChatMain .chatCopyright .chat-conversation-end .start-new-chat-btn {
            display: flex;
            flex: 1;
            max-width: 180px;
            max-height: 36px;
            justify-content: center;
            align-items: center;
            gap: 10px;
            flex-shrink: 0;
            background: var(--ee-chat-bot-button-color);
            color: var(--ee-user-input-color);
            border: none;
            border-radius: 6px;
            font-size: 13px;
            font-weight: 500;
            line-height: 20px !important;
            cursor: pointer;
            font-family: var(--ee-user-font-family);
            transition: background-color 0.2s ease;
            padding: 8px 0px !important;
        }

        #__eedivChatMain .chatCopyright .chat-conversation-end .start-new-chat-btn:hover {
            background: rgba(27, 55, 97, 0.9);
        }

        #__eedivChatMain .chatCopyright .chat-conversation-end .start-new-chat-btn:active {
            background: rgba(27, 55, 97, 0.8);
        }

    #__eedivChatMain .chatCopyright .chatCopyrightContainer {
        text-align: center;
        font-size: 10px;
        padding-right: 0px;
        color: #B5B5B5;
        padding-bottom: 8px;
        line-height: 12px !important;
        padding-top: 6px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap: 4px;
        line-height: 12px !important;
    }

    #__eedivChatMain .chatCopyright .chatCopyrightContainer .chatCopyrightHr {
        width: 1px;
        height: 12px;
        border: 0;
        background: #D8D8D8;
        margin: 0;
        flex: 0 0 auto;
    }

    #__eedivChatMain .chatCopyright .chatCopyrightContainer.text-color-dark {
        color: #4A4A4A !important;
        pointer-events: none !important;
    }

    #__eedivChatMain .chatCopyright .chatCopyrightContainer.text-color-dark a {
        color: #ce6927 !important;
    }

    #__eedivChatMain .chatCopyright a {
        text-decoration: none;
        color: #f2ab7c; /*#f17e33;*/
    }

@media only screen and (max-width: 600px) {
    #__eedivChatMain #chatWindow {
        width: 100%;
        height: 100%;
    }

    #__eedivChatMain #leftButton, #__eedivChatMain #rightButton {
        display: none !important;
    }
}

#__eedivChatMain #__eeendOfChat {
    background-color: #fff;
    /*height: -webkit-calc(100% - 90px);
  height: -moz-calc(100% - 90px);
  height: calc(100% - 90px);*/
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px;
}
/*Chat wallpaper*/
#__eedivChatMain #__eechatWindow {
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
    background: var(--ee-background-color);
    border-radius: 10px 10px 0 0;
    flex-direction: column;
    width: 400px;
    border: 1px solid var(--ee-border-color);
}

/*
div#__eeendOfChat {
  background-image: url("../../images/background-image.png");
}*/
.chatbot-close-icon {
    height: 24px;
    width: 24px;
    cursor: pointer;
    background-image: url("../../images/close_button.svg");
    background-repeat: no-repeat;
}

.bgIcon {
    background-size: contain;
    background-repeat: no-repeat;
}

.botIcon {
    float: left;
    margin-right: 8px;
    min-width: 30px;
    margin-left: 7px;
    width: 30px;
    height: 30px;
    background-image: url("../../images/chatBot_icon.svg");
}

.minimizeIcon {
    width: 20px;
    height: 20px;
    margin-right: 3px;
    background-image: url("../../images/minimize.png");
}

.closeIcon {
    width: 20px;
    height: 20px;
    /*margin-left: 5px;
    */
    background-image: url("../../images/close.png");
}

.restartIcon {
    width: 13px;
    height: 13px;
    margin-top: 4px;
    margin-right: 3px;
    background-image: url("../../images/refresh.png");
}
/*.chatmessage.message-out .userImg{
     margin-left: 10px;
     margin-right: 0;
}
*/
.messageWidth {
    /* width: 74% !important; */
}

    .messageWidth.idleMsg,
    .messageWidth.errorMsg {
        /* display: flex !important;*/
        align-items: center;
        width: auto !important;
    }

#__eedivChatMain #eeChatContainer .eeChat_loader .ac-container #circleWrapper {
    width: 50px;
    /*margin-top: -10px;*/
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    margin-top: -5px;
}

#__eedivChatMain #eeChatContainer .eeChat_loader .ac-container .circle {
    position: relative;
    height: 8px;
    width: 8px;
    margin-left: 2px;
    margin-right: 2px;
    top: 15px;
    background: darkgray;
    border-radius: 50%;
}

#__eedivChatMain #eeChatContainer .eeChat_loader .ac-container .circle {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

#__eedivChatMain #eeChatContainer .eeChat_loader .ac-container #circle1 {
    animation-name: circle1;
}

#__eedivChatMain #eeChatContainer .eeChat_loader .ac-container #circle2 {
    animation-name: circle2;
}

#__eedivChatMain #eeChatContainer .eeChat_loader .ac-container #circle3 {
    animation-name: circle3;
}

@-webkit-keyframes circle1 {
    0% {
        top: 15px;
    }

    15% {
        top: 15px;
    }

    25% {
        top: 15px;
    }
}

@-webkit-keyframes circle2 {
    10% {
        top: 15px;
    }

    25% {
        top: 10px;
    }

    35% {
        top: 15px;
    }
}

@-webkit-keyframes circle3 {
    15% {
        top: 15px;
    }

    30% {
        top: 5px;
    }

    40% {
        top: 15px;
    }
}

#__eedivChatMain #eeChatContainer #eeChatIndicator .indicator {
    font-family: var(--ee-user-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px !important;
    color: var(--ee-primary-font-color);
    width: 256px;
    cursor: pointer;
    position: fixed;
    bottom: 46px;
    right: 112px;
    background-color: white;
    line-height: 1.6;
    padding: 15px;
    z-index: 2018;
    border-radius: 2px 12px 12px;
    box-shadow: 0 4px 30px 0 rgb(0 0 0 / 5%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

    #__eedivChatMain #eeChatContainer #eeChatIndicator .indicator p {
        margin: 0px;
        font-size: 14px;
        color: black;
    }

    #__eedivChatMain #eeChatContainer #eeChatIndicator .indicator h3 {
        font-weight: 800;
        line-height: 1.8;
        font-size: 16px;
        margin: 0;
    }

    #__eedivChatMain #eeChatContainer #eeChatIndicator .indicator::after {
        content: "";
        position: fixed;
        margin-top: 40px;
        margin-left: -12px;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #ffffff;
        transform: rotate(90deg);
        right: 98px;
        bottom: 64px;
    }

    #__eedivChatMain
    #eeChatContainer
    #eeChatIndicator
    .indicator
    a.close-indicator {
        position: absolute;
        top: -4px;
        left: 388px;
        width: 24px;
        height: 24px;
        /* //background: blue; */
        border-radius: 80%;
    }

    #__eedivChatMain #eeChatContainer #eeChatIndicator .indicator:nth-child(1)::before {
        content: " ";
        background-image: url("../../images/close-initial-messages.svg");
        height: 24px;
        width: 24px;
        background-size: 16px 16px;
        background-position: center; /* Ensures the background image is centered */
        background-repeat: no-repeat; /* Prevents the image from repeating */
        padding: 0px;
        position: absolute;
        background-color: #6C6C6C;
        top: -9px;
        vertical-align: middle;
        left: 387px;
        font-size: 12px;
        line-height: 1.2;
        color: white;
        text-align: center;
        display: none;
        border-radius: 50%;
    }

    #__eedivChatMain #eeChatContainer #eeChatIndicator .indicator:nth-child(2)::before {
        content: " ";
        background-image: url("../../images/close-initial-messages.svg");
        height: 24px;
        width: 24px;
        background-size: 16px 16px;
        background-position: center; /* Ensures the background image is centered */
        background-repeat: no-repeat; /* Prevents the image from repeating */
        padding: 0px;
        position: absolute;
        background-color: #6C6C6C;
        top: -9px;
        vertical-align: middle;
        left: 368px;
        font-size: 12px;
        line-height: 1.2;
        color: white;
        text-align: center;
        display: none;
        border-radius: 50%;
    }


/* Show close icon on hover for first indicator when visible */
#__eedivChatMain #eeChatContainer #eeChatIndicator:hover .indicator:nth-child(1):not([style*="display: none"])::before {
    display: block;
}

/* Show close icon on hover for second indicator only when first is hidden */
#__eedivChatMain #eeChatContainer #eeChatIndicator:hover .indicator:nth-child(1)[style*="display: none"] ~ .indicator:nth-child(2)::before {
    display: block;
}

#__eedivChatMain #eeChatContainer #eeChatIndicator .indicator p img {
    width: 30px;
    vertical-align: middle;
}

@media screen and (max-width: 600px) {
    #__eedivChatMain #chatWindow {
        width: 100%;
        height: 100%;
    }
    /*to hide on devices other than mobile , make display : none , else display: block; --- By Khushi*/
    #__eedivChatMain #eeChatContainer #eeChatIndicator .indicator {
        display: var(--ee-show-on-mobile) !important;
    }
}

/*media screen mobile*/
@media screen and (max-width: 450px) {
    #__eedivChatMain {
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 111111;
    }

        #__eedivChatMain #__eechatWindow {
            width: 100vw;
            height: 91vh;
            margin-right: 0;
        }
    /*
  #__eedivChatMain .chatHeader {
    border-radius: 0;
  }*/
}

#__eedivChatMain #eeChatContainer ._eemessage-in {
    background: #FFFFFF;
    mix-blend-mode: normal;
    box-shadow: 0px -2px 16px #edeeee;
    border-radius: 0px 0px 12px 12px;
    position: fixed !important;
    bottom: 0px;
    width: 100%;
    z-index: 21448364980;
    position: relative;
    height: 46px;
}

    #__eedivChatMain #eeChatContainer ._eemessage-in .wrap {
        position: relative;
        font-size: 15px;
        /*-moz-box-shadow: 0px -2px 10px #c0c0c0;
  -webkit-box-shadow: 0px -2px 10px #c0c0c0;
  box-shadow: 0px -3px 9px #c0c0c0, 0px 0 0px transparent;*/
        align-items: center;
        justify-content: center;
        height: 100%;
        box-shadow: 0px -2px 16px #EDEEEE;
        border-radius: 0px 0px 6px 6px;
        background: white;
    }

        #__eedivChatMain #eeChatContainer ._eemessage-in .wrap input {
            font-family: var(--ee-user-font-family) !important;
            float: left;
            width: calc(100% - 50px);
            padding: 11px 32px 10px 8px;
            font-size: 0.8em;
            color: #32465a;
        }

            #__eedivChatMain #eeChatContainer ._eemessage-in .wrap input:focus {
                outline: none;
            }

        #__eedivChatMain #eeChatContainer ._eemessage-in .wrap .display-view {
            display: block !important;
            height: 36px !important;
            margin-top: 20px;
            font-weight: 400;
            font-size: 14px;
            color: var(--ee-input-field-placeholder-color);
            line-height: 17px !important;
        }

        #__eedivChatMain #eeChatContainer ._eemessage-in .wrap .attachment {
            position: absolute !important;
            right: 60px !important;
            z-index: 4;
            margin-top: 10px;
            font-size: 1.1em;
            color: #435f7a;
            opacity: 0.7;
            cursor: pointer;
        }

        #__eedivChatMain #eeChatContainer ._eemessage-in .wrap .attachment {
            margin-top: 17px !important;
            right: 65px;
        }

            #__eedivChatMain #eeChatContainer ._eemessage-in .wrap .attachment:hover {
                opacity: 1;
            }

        #__eedivChatMain #eeChatContainer ._eemessage-in .wrap button {
            float: right;
            width: 40px;
            height: 40px;
            padding: 12px 0;
            cursor: pointer;
            background: transparent;
            /*#078ee4;*/
            color: #f5f5f5;
            border-radius: 50%;
        }

            #__eedivChatMain #eeChatContainer ._eemessage-in .wrap button .fa-paper-plane {
                color: #078ee4;
            }

        #__eedivChatMain #eeChatContainer ._eemessage-in .wrap button {
            padding: 13px 0;
            border: 0;
        }

            #__eedivChatMain #eeChatContainer ._eemessage-in .wrap button:hover {
                /*background: #435f7a;*/
            }

            #__eedivChatMain #eeChatContainer ._eemessage-in .wrap button:focus {
                outline: none;
            }

#__eedivChatMain .wrap {
    display: flex;
}

#eeMsg-in {
    flex: 1;
    resize: none;
    border: none;
    background: transparent;
    padding: 3px;
    margin: 3px 0 3px 10px;
}

#__eedivChatMain .wrap textarea#eeMsg-in {
    outline: 0px none transparent;
    height: 36px !important;
    margin-top: 20px;
    font-weight: 400;
    font-size: 14px;
    color: var(--ee-input-field-placeholder-color);
    line-height: 17px !important;
}

    #__eedivChatMain .wrap textarea#eeMsg-in:focus {
        outline: 0;
    }

    #__eedivChatMain .wrap textarea#eeMsg-in:focus {
        outline: 0;
    }

/*
NEW CSS CLASS after update new adaptive card framework
Date - 20th Nov 2019
*/
.ac-horizontal-separator {
    height: 8px !important;
}

.ac-actionSet {
    margin: 5px 0px !important;
}

    .ac-actionSet button:not(:first-child) {
        margin-top: 0.5rem;
    }

#__eedivChatMain #__eechatWindow .ac-container .ac-container {
    background-color: transparent !important;
    border: 1px solid transparent !important;
    width: 100% !important;
    padding: 0 !important;
    min-height: unset;
}

    #__eedivChatMain #__eechatWindow .ac-container .ac-container:after {
        content: "";
        display: none;
    }
/* END of NEW CSS CLASS block */

/* Start of NEW UI block */

#__eedivChatMain #floatingContainer {
    position: absolute;
    z-index: 2144836469;
    top: 76px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 344px;
    animation: eeFloatingPanelIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes eeFloatingPanelIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#__eedivChatMain .floating-panel {
    background-color: #FFFFFF;
    width: -webkit-fill-available;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    border: 1px solid #d8d8d8;
    width: calc(100%) !important;
    position: relative;
    margin-bottom: 20px;
}

#__eedivChatMain #startConversation {
    height: 67px;
    display: flex;
    align-items: center
}

    #__eedivChatMain #startConversation:hover {
        background: var(--ee-chat-bot-options-hover);
    }

#__eedivChatMain .floating-body {
    cursor: pointer;
}

#__eedivChatMain #faqPanel {
    margin-top: 16px;
    margin-bottom: 42px;
}

#__eedivChatMain .floating-header {
    border-bottom: 1px solid var(--ee-border-color);
    height: 46px;
    display: flex;
    align-items: center;
    padding-left: 24px;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px !important;
    font-family: var(--ee-user-font-family);
    color: var(--ee-primary-font-color);
    font-style: normal;
    cursor: default;
}

#__eechatWindow .floating-footer {
    padding-left: 14px;
    height: 36px;
    font-weight: 600;
    display: flex;
    align-items: center;
    text-decoration: none !important;
}

    #__eechatWindow .floating-footer a {
        text-decoration: none !important;
    }

#__eedivChatMain #__eechatWindow {
    height: min(704px, 100% - 104px) !important;
    position: fixed;
    border-radius: 12px !important;
    overflow: hidden;
    font-family: var(--ee-user-font-family) !important;
    font-size: 12px;
    background-color: #FFFFFF;
    background: var(--ee-background-color);
    border-radius: 12px;
    filter: drop-shadow(0px 8px 24px rgba(0, 0, 0, 0.15)) !important;
}

    #__eedivChatMain #__eechatWindow > div {
        position: absolute;
        left: 0;
        right: 0;
    }

#__eechatWindow *:not(.fa) {
    font-family: var(--ee-user-font-family) !important;
}

.chatbot_close {
    transform-origin: right bottom;
    transition: width 220ms ease, height 220ms ease, max-height 220ms ease, visibility 0s linear 360ms !important;
    animation: chatbotClosePremium 360ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
    opacity: 0;
    filter: blur(3px) saturate(0.95);
    visibility: hidden;
    pointer-events: none;
    will-change: transform, opacity;
    backface-visibility: hidden;
}

.chatbot_open {
    opacity: 1;
    transform-origin: right bottom;
    transition: width 220ms ease, height 220ms ease, max-height 220ms ease, visibility 0s linear 0s !important;
    animation: chatbotOpenPremium 520ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0) saturate(1);
    visibility: visible;
    pointer-events: all;
    will-change: transform, opacity;
    backface-visibility: hidden;
}

@keyframes chatbotOpenPremium {
    0% {
        transform: translate3d(0, 16px, 0) scale(0.9);
        opacity: 0;
        filter: blur(6px) saturate(0.9);
    }
    60% {
        transform: translate3d(0, -3px, 0) scale(1.02);
        opacity: 1;
        filter: blur(0.6px) saturate(1.02);
    }
    100% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1;
        filter: blur(0) saturate(1);
    }
}

@keyframes chatbotClosePremium {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1;
        filter: blur(0) saturate(1);
    }
    100% {
        transform: translate3d(0, 14px, 0) scale(0.9);
        opacity: 0;
        filter: blur(5px) saturate(0.92);
    }
}

#__eemessageWindow .singleInput-ac-dropdown {
    cursor: pointer;
    max-width: 257px;
}

    #__eemessageWindow .singleInput-ac-dropdown .down-arrow-icon {
        background-image: url(../../images/down-arrow.svg);
        width: 12px;
        height: 7px;
        background-repeat: no-repeat;
        background-size: contain;
    }

#__eemessageWindow .singleInput-ac-actionSet .right-arrow-icon {
    background-image: url(../../images/right-arrow.svg);
    width: 7px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
}

#__eemessageWindow .singleInput-ac-actionSet .ac-multichoiceInput {
    text-overflow: ellipsis;
    width: 228px;
    overflow: hidden;
    white-space: nowrap;
    background-color: #FFFFFF;
    color: var(--ee-input-field-placeholder-color) !important;
}

#__eemessageWindow .singleInput-ac-actionSet .ac-submitButton {
    width: 36px !important;
    background: var(--ee-chat-bot-button-color);
    mix-blend-mode: normal;
    border-radius: 0px 8px 8px 0px !important;
    cursor: pointer;
    border: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px !important;
}

#__eemessageWindow .singleInput-ac-actionSet .ac-sendOtpButton {
    font-family: var(--ee-user-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    background: #FFFFFF;
    opacity: 1 !important;
    padding-left: 14px;
    padding-right: 14px;
    height: 31px !important;
    border: 1px solid #dddddd !important;
    mix-blend-mode: normal;
    border-radius: 0px 8px 8px 0px !important;
    border-left: none !important;
    display: flex;
    cursor: pointer;
    align-items: center;
    color: var(--ee-chat-bot-button-color);
}

#__eemessageWindow .singleInput-ac-actionSet .loader-conotainer {
    display: flex;
    align-items: center;
    border: 1px solid #dddddd;
    border-left: none;
    border-radius: 0px 8px 8px 0px !important;
}

#__eemessageWindow .iti__flag-container {
    padding: 0px !important;
    display: flex;
    gap: 4px;
}

    #__eemessageWindow .iti__flag-container .iti__selected-flag {
        background-color: #ffffff !important;
    }

    #__eemessageWindow .iti__flag-container:hover .iti__selected-flag {
        background-color: #ffffff !important;
    }

#____eemessageWindow .ac-countryCode-input::placeholder {
    padding-left: 6px;
}

#__eemessageWindow .iti__flag-container .iti__selected-flag {
    border-radius: 8px 0 0 8px;
    border: 3px solid var(--ee-background-color);
    border-left-style: none;
    border-top-style: none;
    border-bottom-style: none;
}

#__eemessageWindow .iti__flag-container .iti__country-list {
    width: 257px !important;
    margin-top: 6px;
    border-radius: 8px;
    white-space: initial !important;
}

.hidden {
    display: none !important;
}

.otp-verified {
    border: 1px solid #dddddd;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    border-left: none;
    border-radius: 0px 8px 8px 0px !important;
}

.check-svg {
    animation: svgScale 0.5s ease-in-out;
    padding-right: 8px;
}

@keyframes svgScale {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.2);
    }
}

.button-loader {
    display: inline-block;
    border: 3px solid var(--ee-border-color);
    border-radius: 50%;
    border-top-color: var(--ee-chat-bot-button-color);
    animation: spin 1s linear infinite;
    padding: 7px;
    -webkit-animation: spin 1s linear infinite;
    margin-right: 8px;
}

/* Faint overlay shown over the entire chatbot while "Start New Chat" APIs are in-flight */
#__eedivChatMain #__eechatWindow .ee-new-chat-busy-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 99999999999;
    pointer-events: all;
    border-radius: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    animation: eeNewChatBusyFadeIn 0.2s ease forwards;
}

#__eedivChatMain #__eechatWindow .ee-new-chat-busy-spinner {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: eeNewChatSpinnerSpin 0.75s linear infinite;
    flex-shrink: 0;
}

@keyframes eeNewChatBusyFadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes eeNewChatSpinnerSpin {
    to { transform: rotate(360deg); }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

#__eemessageWindow .singleInput-ac-actionSet .ac-sendOtpButton:disabled,
#__eemessageWindow .singleInput-ac-actionSet .ac-sendOtpButton:disabled:hover {
    cursor: not-allowed;
}

#__eemessageWindow .singleInput-ac-actionSet .ac-submitButton:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

#__eemessageWindow .singleInput-ac-actionSet .ac-submitButton:hover {
    background: var(--ee-chat-bot-button-color);
}

#__eemessageWindow .ac-singleInput-container {
    border-radius: 8px 0px 0px 8px !important;
    background: #FFFFFF;
}

#__eemessageWindow .ac-otp-actionSet {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 8px;
}

    #__eemessageWindow .ac-otp-actionSet .ac-otp-submitButton {
        font-family: var(--ee-user-font-family);
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        mix-blend-mode: normal;
        display: flex;
        cursor: pointer;
        align-items: center;
        border: none;
        background: none;
        color: var(--ee-chat-bot-button-color);
        margin-top: 0px !important;
    }

        #__eemessageWindow .ac-otp-actionSet .ac-otp-submitButton:disabled {
            opacity: 0.7;
            cursor: not-allowed;
        }

/*
#__eedivChatMain .chatHeader {
    background-color: #F17E33 !important;
    height: 88px !important;
}
*/
#__eedivChatMain .chatCopyright {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    bottom: -2px;
    background: #f9f9f9;
    box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.04);
}

.faq-items {
    margin-left: 19px;
    height: 46px;
    display: flex;
    align-items: center;
}

#__eedivChatMain #faqList {
    max-height: 184px;
    overflow-y: scroll;
}

    #__eedivChatMain #faqList img {
        margin-right: 26px;
    }

#eeChatBotChatWindow {
    display: none;
    overflow-x: hidden;
    height: calc(100% - 64px) !important;
    border-radius: unset;
    z-index: 2144836469;
    position: absolute;
    top: 64px;
    overflow-y: hidden !important;
    width: -webkit-fill-available !important;
    width: 100% !important;
}


    #eeChatBotChatWindow::-webkit-scrollbar-thumb {
        background-color: var(--ee-border-color)
    }

.faq-desc {
    animation-name: fadeInBottom;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    height: 418px !important;
    position: absolute;
    z-index: 21448364699;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
    border-radius: 6px;
    padding: 0px 24px 0 24px;
    width: 250px !important;
}

@keyframes fadeInBottom {
    from {
        color: rgba(0, 0, 0, 0);
        transform: translateY(100%);
    }

    to {
        color: rgba(0, 0, 0, 1);
    }
}

@keyframes fadeOutBottom {
    from {
        color: rgba(0, 0, 0, 1);
    }

    to {
        color: rgba(0, 0, 0, 0);
        transform: translateY(100%);
    }
}

.faq-desc-ui {
    display: flex;
    flex-direction: row;
    padding: 14px 0 14px 0;
    align-items: center;
    font-size: 14px !important;
    border-bottom: 1px solid var(--ee-border-color);
    margin-bottom: 12px;
    justify-content: space-between;
}

#__eechatWindow #chatHeader {
    display: flex;
    height: 104px;
    padding: 0px 22px 0px 22px;
    border-radius: 12px 12px 0px 0px;
    background: var(--ee-chat-bot-button-color);
    justify-content: space-between
}

    #__eechatWindow #chatHeader .headerRightContent .disable-closeContainer {
        cursor: not-allowed;
    }

        #__eechatWindow #chatHeader .headerRightContent .disable-closeContainer img {
            pointer-events: none;
        }

#__eechatWindow .headerLeftContent .chatBot_icon {
    height: 44px;
    width: 40px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../../images/dashboard_icon.svg);
}

#__eechatWindow .headerLeftContent .back_button {
    width: 8px;
    height: 14px;
    margin-top: 6px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(../../images/back_button.svg);
}

#__eechatWindow .headerLeftContent div .info-header-img {
    height: 32px;
    width: 32px;
}


#__eechatWindow .headerLeftContent,
#__eechatWindow .headerRightContent {
    display: flex;
    flex-direction: row;
}

#__eechatWindow .headerLeftContent {
    padding-top: 16px;
}

#__eechatWindow .headerRightContent {
    padding-top: 17px;
}

#__eechatWindow .dashBoardHeaderLeftContent {
    padding-top: 12px;
    align-items: flex-start !important;
}

    #__eechatWindow .dashBoardHeaderLeftContent .infoHeader {
        padding-top: 12px;
    }

        #__eechatWindow .dashBoardHeaderLeftContent .infoHeader .botName {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 236px;
        }

#__eechatWindow .dashBoardHeaderRightContent {
    padding-top: 26px;
    align-items: flex-start !important;
}

#__eechatWindow .headerRightContent img {
    height: 14px;
    width: 12px;
    cursor: pointer;
}

#__eechatWindow .infoHeader {
    display: flex;
    flex-direction: row;
    margin-left: 16px;
    cursor: pointer;
    color: white;
    font-weight: 600;
    font-size: 20px;
}

#__eechatWindow .backHeader {
    display: flex;
    flex-direction: row;
    margin-left: 23px;
    cursor: pointer;
    color: white;
    font-weight: 600;
    font-size: 18px;
}

#__eedivChatMain #startConversation {
    height: 67px;
    display: flex;
    align-items: center
}

#__eedivChatMain #chatListItemContinue #startConversation:hover {
    background: var(--ee-chat-bot-options-hover);
}

#__eedivChatMain .floating-body #startConversation:hover {
    background: var(--ee-chat-bot-options-hover);
    border-radius: 0px 0px 8px 8px;
}

#__eedivChatMain .profile-image {
    background-image: url("../../images/convertsation_chat_icon.svg");
    height: 34px;
    width: 34px;
    margin-left: 14px;
}

    #__eedivChatMain .profile-image:after {
        display: flex;
        text-align: center;
        justify-content: center;
        line-height: 34px;
    }

#__eedivChatMain .conversation-text {
    margin-left: 15px;
    width: calc(100% - 73px);
}

#__eedivChatMain .conversation-header {
    font-weight: 600;
    color: var(--ee-primary-font-color);
    font-size: 14px;
    line-height: 18px !important;
}

#__eedivChatMain .conversation-body {
    font-weight: 400;
    color: var(--ee-secondaory-font-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 30px);
    font-size: 13px;
    line-height: 18px !important;
    margin-top: 4px;
    display: flex;
    align-items: center;
    grid-gap: 6px;
}

#__eedivChatMain .conversation-body > #centerDot {
    display: flex;
    align-items: center;
    height: 2px;
    margin-bottom: 9px;
    font-weight: bold;
}

#__eedivChatMain #chatInitPanel #chatListItemContinue .divider-container {
    padding-right: 24px;
    padding-left: 24px;
}

    #__eedivChatMain #chatInitPanel #chatListItemContinue .divider-container .divider {
        border-bottom: 1px solid var(--ee-border-color);
        height: 1px;
    }

#__eedivChatMain #chatInitPanel .floating-body {
    height: 67px;
    display: flex;
    align-items: center;
}

#__eedivChatMain #chatInitPanel #chatListItemContinue .floating-body:hover {
    background: var(--ee-chat-bot-options-hover);
    border-radius: 0px !important;
}

#__eedivChatMain #chatInitPanel .floating-body:hover {
    background: var(--ee-chat-bot-options-hover);
    border-radius: 0px 0px 8px 8px;
}

#__eedivChatMain #chatInitPanel .disabled-body {
    height: 67px;
    display: flex;
    align-items: center;
    filter: sepia(1);
    color: #CFCFCF;
}

#__eechatWindow .__eeChatBot-custom-adaptiveCard {
    margin-top: 8px;
    margin-bottom: 12px;
}

    #__eechatWindow .__eeChatBot-custom-adaptiveCard .ac-input-container input {
        border-radius: 8px;
    }

        #__eechatWindow .__eeChatBot-custom-adaptiveCard .ac-input-container input:focus {
            outline: none;
        }

    #__eechatWindow .__eeChatBot-custom-adaptiveCard .ac-input-container textarea:focus {
        outline: none;
    }

#__eechatWindow .__eeChatBot-custom-multipleInput-adaptiveCard .ac-input-container {
    margin-bottom: 16px;
}

#__eechatWindow .__eeChatBot-custom-multipleInput-adaptiveCard .ac-textInput {
    border: none !important;
    border-radius: 8px 8px 8px 8px !important;
    background-color: #FFFF !important;
}

#__eechatWindow .__eeChatBot-custom-multipleInput-adaptiveCard .singleInput-ac-actionSet {
    flex-direction: column;
}

    #__eechatWindow .__eeChatBot-custom-multipleInput-adaptiveCard .singleInput-ac-actionSet .ac-submitButton {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 8px 16px;
        gap: 10px;
        background: var(--ee-chat-bot-button-color);
        font-weight: 400;
        font-size: 12px !important;
        line-height: 16px !important;
        display: flex;
        border-radius: 4px !important;
        align-items: center;
        color: var(--ee-header-font-color);
        width: 100% !important;
        height: auto !important;
    }

#__eechat-option-wrapper {
    display: flex;
    flex-direction: column;
    padding-top: 16px;
    overflow: scroll;
}

    #__eechat-option-wrapper .__eechat-single-option {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 6px 16px;
        gap: 10px;
        font-family: var(--ee-user-font-family);
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px !important;
        color: var(--ee-primary-font-color);
        cursor: pointer;
    }

        #__eechat-option-wrapper .__eechat-single-option:hover {
            background: var(--ee-chat-bot-options-hover);
        }

    #__eechat-option-wrapper .__eechat-single-option-selected {
        background: var(--ee-chat-bot-options-hover);
    }


#__eechat-chips-wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 4px;
}

.__eechat-dropdown-options-container > #__eechat-chips-wrapper {
    row-gap: 0px;
}

#__eechat-dropdown-chips-wrapper {
    overflow: scroll;
}

#__eechat-chips-wrapper .__eechat-single-chips {
    font-weight: 400;
    font-size: 13px;
    color: var(--ee-primary-font-color);
    border: 1px solid var(--ee-chat-bot-color);
    border-radius: 16px;
    padding: 7px 12px;
    cursor: pointer;
    border: 1px solid #D8D8D8;
}

    #__eechat-chips-wrapper .__eechat-single-chips:not(.disabled):hover {
        /* background: var(--ee-chat-bot-options-hover); */
        background: var(--ee-chat-bot-options-hover);
        color: var(--ee-primary-font-color);
    }


#__eechat-chips-wrapper .__eechat-single-chips-selected {
    background: var(--ee-chat-bot-button-color) !important;
    color: var(--ee-selected-course-color) !important;
}

#__eechat-chips-wrapper .__eechat-show-more-chips:hover {
    background: none;
}

#__eechatWindow .__eechat-dropdown-options-container {
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: 0px -6px 16px rgb(0 0 0 / 16%);
    border-radius: 0px;
    height: 74%;
    z-index: 999999999999;
    position: absolute;
    bottom: 0px;
    width: 100%;
    animation: Slide_Up 1s ease;
}

    #__eechatWindow .__eechat-dropdown-options-container #__eechat-chips-wrapper {
        overflow: scroll;
        overflow-x: hidden;
    }

@keyframes Slide_Up {
    0% {
        transform: translateY(74%);
    }

    100% {
        transform: translateY(0);
    }
}

#__eechatWindow .__eechat-dropdown-options-container .search-header-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--ee-border-color);
}

    #__eechatWindow .__eechat-dropdown-options-container .search-header-section .header-title {
        font-weight: 600;
        font-size: 14px;
        line-height: 20px !important;
        color: #393939;
    }

    #__eechatWindow .__eechat-dropdown-options-container .search-header-section .header-close-container {
        cursor: pointer;
    }

        #__eechatWindow .__eechat-dropdown-options-container .search-header-section .header-close-container .dropdown-cross-icon {
            background-image: url("../../images/dropdown-cross.svg");
            width: 12px;
            height: 12px;
            background-repeat: no-repeat;
            background-size: contain;
        }

#__eechatWindow .__eechat-dropdown-options-container .dropdown-search-container .ac-searchButton .search-icon {
    background-image: url(../../images/search.svg);
    width: 16px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top: 2px;
}

#__eechatWindow .__eechat-dropdown-options-container .dropdown-search-container .close-container {
    position: relative;
}

#__eechatWindow .__eechat-dropdown-options-container .dropdown-search-container {
    display: flex;
    padding: 24px 12px 0px 12px;
}

#__eechatWindow .__eechat-dropdown-options-container #no-search-result-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-top: 56px;
}

    #__eechatWindow .__eechat-dropdown-options-container #no-search-result-container .empty-search-result-icon {
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../../images/vidya-empty-search-icon.svg);
        display: block;
        width: 151px;
        height: 140px;
    }

    #__eechatWindow .__eechat-dropdown-options-container #no-search-result-container .title {
        font-weight: 600;
        font-size: 14px;
        line-height: 22px !important;
        display: flex;
        align-items: center;
        color: var(--ee-secondaory-font-color);
        padding-top: 25px;
    }

    #__eechatWindow .__eechat-dropdown-options-container #no-search-result-container .subTitle {
        padding-top: 4px;
        font-weight: 400;
        font-size: 13px;
        line-height: 19px !important;
        display: flex;
        align-items: center;
        color: var(--ee-secondaory-font-color);
    }

#__eechatWindow .__eechat-dropdown-options-container .ac-input {
    border: 1px solid var(--ee-border-color) !important;
    border-radius: 0px 4px 4px 0px !important;
    width: 100% !important;
    border-left: none !important;
}

#__eechatWindow .__eechat-dropdown-options-container input:focus {
    outline: none;
}

#__eechatWindow .__eechat-dropdown-options-container .ac-searchButton {
    width: 26px !important;
    border: 1px solid var(--ee-border-color) !important;
    mix-blend-mode: normal;
    border-radius: 4px 0px 0px 4px !important;
    background: #FFFFFF;
    border-right: none !important;
    /* display: flex; */
    /* it hides the search icon in the dropdown options */
    display: none;
    border: none;
    align-items: center;
}

#__eechatWindow .__eechat-dropdown-options-container .cross-container {
    position: relative;
}

    #__eechatWindow .__eechat-dropdown-options-container .cross-container .divider {
        position: absolute;
        top: 6px;
        right: 34px;
        height: 20px;
        width: 1px;
        background: var(--ee-border-color);
    }

    #__eechatWindow .__eechat-dropdown-options-container .cross-container .search-clear {
        position: absolute;
        cursor: pointer;
        top: 8px;
        right: 10px;
        width: 16px;
        height: 16px;
        background-image: url("../../images/search-cross.svg")
    }

#__eechatWindow .__eechat-dropdown-options-container #__eechat-chips-wrapper {
    padding: 0px;
    padding-left: 12px;
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    flex-wrap: nowrap;
}

    #__eechatWindow .__eechat-dropdown-options-container #__eechat-chips-wrapper > div {
        width: unset;
        border: none;
        border-radius: 0px;
        grid-gap: 0px;
        margin-right: 0px;
        padding-right: 0px;
    }

#__eechat-chips-wrapper .__eechat-show-more-chips {
    border: none;
    font-weight: 600;
    color: var(--ee-chat-bot-color);
}



/* Previous Msg Body Conatiner*/

#__eedivChatMain #__eemessageWindowPrev .message-in .messageText,
#__eedivChatMain #__eemessageWindowPrev .message-out .messageText,
.ac-container,
.ac-container div,
.ac-container p,
.ac-pushButton {
    font-family: var(--ee-user-font-family) !important;
    font-weight: 400;
    font-size: 13px !important;
    /* margin: 0px !important; */
}

#__eedivChatMain #__eemessageWindowPrev {
    /* //background-color: #FFF;
    //height: -webkit-calc(100% - 141px);
    //height: -moz-calc(100% - 141px);
    //height: calc(100% - 141px); */
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px;
    padding-top: 16px;
    flex: 6;
}

    #__eedivChatMain #__eemessageWindowPrev::-webkit-scrollbar {
        width: 6px;
    }

    #__eedivChatMain #__eemessageWindowPrev::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 50px;
    }

    #__eedivChatMain #__eemessageWindowPrev .chatmessage {
        margin: 5px 5px 15px 5px;
    }

        #__eedivChatMain #__eemessageWindowPrev .chatmessage .time-indicator {
            position: relative;
            top: 44px;
            height: 13px;
            padding-right: 3px;
            border-radius: 50%;
            font-size: 10px;
            text-align: right;
            color: var(--ee-secondaory-font-color);
        }

        #__eedivChatMain #__eemessageWindowPrev .chatmessage.message-out {
            display: flex;
            /* flex-direction: row-reverse; */
        }

        #__eedivChatMain #__eemessageWindowPrev .chatmessage.message-in {
            display: flex;
        }

    #__eedivChatMain #__eemessageWindowPrev .message-in {
        clear: both;
        text-align: left;
        width: 90%;
        /* //border: 1px solid red; */
    }

        #__eedivChatMain #__eemessageWindowPrev .message-in .messageText {
            display: table-cell;
            vertical-align: middle;
            padding: 5px 10px;
        }

        #__eedivChatMain #__eemessageWindowPrev .message-out .messageText,
        #__eedivChatMain #__eemessageWindowPrev .message-in .messageText {
            display: flex !important;
            vertical-align: middle;
            padding: 5px 10px;
            word-wrap: break-word;
        }

    #__eedivChatMain #__eemessageWindowPrev .message-out .multiInputMsgText {
        display: table-cell !important;
    }

    #__eedivChatMain #__eemessageWindowPrev .message-in .messageText,
    #__eedivChatMain #__eechatWindow .ac-container {
        display: table;
        width: 80%;
        min-height: 30px;
        position: relative;
        text-align: left;
        background-color: var(--ee-background-color) !important;
        border: 1px solid var(--ee-background-color) !important;
        border-radius: 12px;
        color: rgba(0, 0, 0, 0.8);
    }

    #__eedivChatMain #__eemessageWindowPrev .message-out .messageText {
        /*display: flex;*/
        float: right;
        min-height: 28px;
        border: none;
        color: #fff;
        background-color: none;
        border-radius: none;
        width: auto !important;
        max-width: 74%;
        position: relative;
        align-items: center;
    }

        #__eedivChatMain #__eemessageWindowPrev .message-in .messageText::after,
        #__eedivChatMain #__eemessageWindowPrev .message-out .messageText::after,
        .ac-container::after {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            top: 12px;
            /*width: 100%;
      */
        }

    #__eedivChatMain #__eemessageWindowPrev .message-in .image-container,
    #__eedivChatMain #__eemessageWindowPrev .message-out .image-container {
        position: relative;
        margin-bottom: 5px;
        padding: 0px;
        min-width: 252px !important;
        min-height: 154px;
        border: 4px solid var(--ee-chat-bot-options-hover);
        color: var(--ee-primary-font-color);
        background-color: #FFFFFF;
    }

        #__eedivChatMain #__eemessageWindowPrev .message-in .image-container.__eechat-dropdown-options-container#__eedivChatMain #__eemessageWindowPrev .message-out .image-container {
            border: 4px solid var(--ee-background-color) !important;
        }

        #__eedivChatMain #__eemessageWindowPrev .message-in .image-container .image-uploaded,
        #__eedivChatMain #__eemessageWindowPrev .message-out .image-container .image-uploaded {
            width: 100%;
            max-height: 250px;
            min-height: 150px;
            min-width: 244px;
            border-radius: 12px 2px 12px 12px;
        }

        #__eedivChatMain #__eemessageWindowPrev .message-in .image-container:hover .image-download-container,
        #__eedivChatMain #__eemessageWindowPrev .message-out .image-container:hover .image-download-container {
            display: block !important;
        }

        #__eedivChatMain #__eemessageWindowPrev .message-in .image-container .image-download-container,
        #__eedivChatMain #__eemessageWindowPrev .message-out .image-container .image-download-container {
            position: absolute;
            right: 4px;
            padding: 4px;
            padding-top: 1.5px;
            border-radius: 2px;
            background: rgba(125, 125, 125, 0.2);
        }

        #__eedivChatMain #__eemessageWindowPrev .message-in .image-container:hover .image-download-container .image-download-white-icon,
        #__eedivChatMain #__eemessageWindowPrev .message-out .image-container:hover .image-download-container .image-download-white-icon {
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("../../images/image-download-white.svg")
        }

    #__eedivChatMain #__eemessageWindowPrev .message-in .file-wrapper,
    #__eedivChatMain #__eemessageWindowPrev .message-out .file-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        border: 4px solid var(--ee-chat-bot-options-hover);
        color: var(--ee-primary-font-color);
        background-color: #FFFFFF;
        padding: 12px;
    }

    #__eedivChatMain #__eemessageWindowPrev .message-in .file-wrapper {
        border: 4px solid var(--ee-background-color) !important;
    }


        #__eedivChatMain #__eemessageWindowPrev .message-in .file-wrapper .download-file-icon,
        #__eedivChatMain #__eemessageWindowPrev .message-out .file-wrapper .download-file-icon {
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("../../images/download-file.svg");
            width: 20px;
            height: 20px;
            display: block;
            cursor: pointer;
        }

        #__eedivChatMain #__eemessageWindowPrev .message-in .file-wrapper .docs-image,
        #__eedivChatMain #__eemessageWindowPrev .message-out .file-wrapper .docs-image {
            height: 28px;
        }

        #__eedivChatMain #__eemessageWindowPrev .message-in .file-wrapper .pdf-icon,
        #__eedivChatMain #__eemessageWindowPrev .message-out .file-wrapper .pdf-icon {
            background-size: contain;
            background-repeat: no-repeat;
            width: 18px;
            height: 24px;
            background-image: url("../../images/pdf-icon.svg")
        }


        #__eedivChatMain #__eemessageWindowPrev .message-in .file-wrapper .doc-icon,
        #__eedivChatMain #__eemessageWindowPrev .message-out .file-wrapper .doc-icon {
            background-size: contain;
            background-repeat: no-repeat;
            width: 18px;
            height: 24px;
            background-image: url("../../images/doc-icon.svg")
        }



        #__eedivChatMain #__eemessageWindowPrev .message-in .file-wrapper .text-message,
        #__eedivChatMain #__eemessageWindowPrev .message-out .file-wrapper .text-message {
            margin-top: 0px;
            margin-bottom: 0px;
            margin-left: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        #__eedivChatMain #__eemessageWindowPrev .message-in .file-wrapper .text-message-span,
        #__eedivChatMain #__eemessageWindowPrev .message-out .file-wrapper .text-message-span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 169px;
            margin-right: 8px;
        }

#__eemessageWindowPrev .ac-container > .ac-container {
    width: 100% !important;
}

#__eemessageWindowPrev .ac-container > div > div > div {
    flex-wrap: wrap;
    justify-content: center !important;
}

#__eemessageWindowPrev .__eechatmsg_first_server_msg .ac-adaptiveCard {
    border-bottom-left-radius: 2px !important;
}

#__eemessageWindowPrev .__eechatmsg_not_first_server_msg .ac-adaptiveCard {
    border-bottom-left-radius: 2px !important;
    border-top-left-radius: 2px !important;
}

#__eemessageWindowPrev .__eechatmsg_not_first_server_msg:last-of-type .ac-adaptiveCard {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 12px !important;
}


#__eemessageWindowPrev .singleInput-ac-dropdown {
    cursor: pointer;
    max-width: 257px;
}

    #__eemessageWindowPrev .singleInput-ac-dropdown .down-arrow-icon {
        background-image: url(../../images/down-arrow.svg);
        width: 12px;
        height: 7px;
        background-repeat: no-repeat;
        background-size: contain;
        min-width: 12px !important;
    }

#__eemessageWindowPrev .singleInput-ac-actionSet .right-arrow-icon {
    background-image: url(../../images/right-arrow.svg);
    width: 7px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
}

#__eemessageWindowPrev .singleInput-ac-actionSet .ac-multichoiceInput {
    text-overflow: ellipsis;
    width: 228px;
    overflow: hidden;
    white-space: nowrap;
    background-color: #FFFFFF;
    color: var(--ee-input-field-placeholder-color) !important;
}

#__eemessageWindowPrev .singleInput-ac-actionSet .ac-submitButton {
    height: 31px !important;
    width: 36px !important;
    background: var(--ee-chat-bot-button-color);
    mix-blend-mode: normal;
    border-radius: 0px 8px 8px 0px !important;
    cursor: pointer;
    border: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

#__eemessageWindowPrev .singleInput-ac-actionSet .ac-sendOtpButton {
    font-family: var(--ee-user-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    background: #FFFFFF;
    opacity: 1 !important;
    padding-left: 14px;
    padding-right: 14px;
    height: 31px !important;
    border: 1px solid #dddddd !important;
    mix-blend-mode: normal;
    border-radius: 0px 8px 8px 0px !important;
    border-left: none !important;
    display: flex;
    cursor: pointer;
    align-items: center;
    color: var(--ee-chat-bot-button-color);
}

#__eemessageWindowPrev .singleInput-ac-actionSet .loader-conotainer {
    display: flex;
    align-items: center;
    border: 1px solid #dddddd;
    border-left: none;
    border-radius: 0px 8px 8px 0px !important;
}

#__eemessageWindowPrev .iti__flag-container {
    padding: 0px !important;
    display: flex;
    gap: 4px;
}

    #__eemessageWindowPrev .iti__flag-container .iti__selected-flag {
        border-radius: 8px 0 0 8px;
        border: 3px solid var(--ee-background-color);
        border-left-style: none;
        border-top-style: none;
        border-bottom-style: none;
    }

    #__eemessageWindowPrev .iti__flag-container .iti__country-list {
        width: 257px !important;
        margin-top: 6px;
        border-radius: 8px;
        white-space: initial !important;
    }


#__eemessageWindowPrev .singleInput-ac-actionSet .ac-sendOtpButton:disabled,
#__eemessageWindowPrev .singleInput-ac-actionSet .ac-sendOtpButton:disabled:hover {
    cursor: not-allowed;
}

#__eemessageWindowPrev .singleInput-ac-actionSet .ac-submitButton:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

#__eemessageWindowPrev .singleInput-ac-actionSet .ac-submitButton:hover {
    background: var(--ee-chat-bot-button-color);
}

#__eemessageWindowPrev .ac-singleInput-container {
    border-radius: 8px 0px 0px 8px !important;
    background: #FFFFFF;
}

#__eemessageWindowPrev .ac-otp-actionSet {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 8px;
}

    #__eemessageWindowPrev .reply_content .ac-otp-actionSet .ac-otp-submitButton {
        font-family: var(--ee-user-font-family);
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        mix-blend-mode: normal;
        display: flex;
        cursor: pointer;
        align-items: center;
        border: none;
        background: none;
        color: var(--ee-chat-bot-button-color);
        margin-top: 0px !important;
    }

        #__eemessageWindowPrev .ac-otp-actionSet .ac-otp-submitButton:disabled {
            opacity: 0.7;
            cursor: not-allowed;
        }




#__eedivChatMain button:disabled, #__eedivChatMain .btn-cancel-appointment.disabled {
    opacity: 0.7;
    cursor: not-allowed !important;
    pointer-events: visible !important;
}

#__eedivChatMain button {
    outline: none !important;
    height: auto !important;
    line-height: normal !important;
}

#__eedivChatMain .appointment-buttons button:hover {
    margin-top: 0px !important;
}

@media only screen and (max-device-width: 640px) {
    #__eedivChatMain #__eechatWindow.animateUpDown {
        height: 100dvh !important;
    }

    #__eedivChatMain #gptHeader {
        border-radius: 0px !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {
    #__eedivChatMain #__eechatWindow {
        width: 100vw !important;
        margin-right: 0;
        bottom: 0px;
        border-radius: 0px !important;
        right: 0px;
    }

    #__eechatWindow #chatHeader {
        border-radius: 0px !important;
    }

    #__eedivChatMain .ac-input-container .iti--container {
        background: #FFFFFF;
        box-shadow: 0px -6px 16px rgb(0 0 0 / 16%);
        border-radius: 0px;
        z-index: 999999999999 !important;
        bottom: 28px !important;
        top: 24% !important;
        left: 0px !important;
        right: 0px !important;
        width: 100%;
        animation: Slide_Up 0.5s ease;
    }

        #__eedivChatMain .ac-input-container .iti--container .iti__country-list {
            white-space: initial !important;
        }
}



#__eedivChatMain .messageText.messageWidth > div {
    width: 100% !important;
    max-width: 100% !important;
}

#__eedivChatMain #historyPreviousChat {
    height: max-content;
    max-height: calc(100% - 80px);
    padding: 0px 16px;
    overflow-y: scroll;
    height: unset;
    scrollbar-color: auto;
}

@media(min-width:1224px) {


    #__eedivChatMain #historyPreviousChat.expandedchat > div:not(.static) > * {
        max-width: 65%;
    }
    #__eedivChatMain #historyPreviousChat.expandedchat > div:not(.static) > * {
        /*max-width: 36%;*/
        box-sizing: border-box;
    }
    #__eedivChatMain #historyPreviousChat.expandedchat > #feedbackPopUp > * {
        max-width: unset
    }

    #__eemessageWindow.expandedchat > div:not(.ee-chat-date-divider):not(.ongoing-chat-session-boundary):not(.ongoing-chat-beginning-marker):not(.ongoing-chat-new-session-boundary):not(.ongoing-chat-older-loader):not(#welcomePage) {
        width: fit-content;
        max-width: 65%;
    }

    #__eemessageWindow.expandedchat > .ee-chat-date-divider,
    #__eemessageWindow.expandedchat > .ongoing-chat-beginning-marker,
    #__eemessageWindow.expandedchat > .ongoing-chat-new-session-boundary,
    #__eemessageWindow.expandedchat > .ongoing-chat-older-loader {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        align-self: stretch;
        box-sizing: border-box;
    }

    #__eedivChatMain #historyPreviousChat.expandedchat > .ee-chat-date-divider {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        box-sizing: border-box;
    }

    #__eemessageWindow.expandedchat .student_question {
        min-width: 100%;
        max-width: 100%;
    }

        #__eemessageWindow.expandedchat .student_question > * {
            max-width: 65%;
            ;
        }

    #__eedivChatMain #eeChatContainer #__eemessageWindow.expandedchat > .chatmessage.message-in > .messageText.messageWidth {
        width: max-content;
        max-width: 100%;
    }


    #__eemessageWindow.expandedchat > .scrollDown {
        /*width: 100% !important;*/
        max-width: 100% !important;
    }
}

#__eechatmsg_resolve_query1 {
    margin: 16px 0px 0px;
}

#__eechatWindow #__eechatmsg_resolve_query1 .reply .ac-container {
    width: unset;
}

#__eemessageWindow.expandedchat > .scrollDown {
    width: 100%;
}


@media (min-width: 768px) {
    #__eedivChatMain .col-md-6 {
        flex: 0 0 auto;
        max-width: 100%;
        min-width: 60%;
        width: 100%;
        margin: 0px;
    }
}

#__eedivChatMain #chatInitPanel #newConversationStartBtn {
    /* display: none; */
}

#__eedivChatMain #historyPreviousChat .scrollDown {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 160px;
    z-index: 9999999999;
    align-self: center;
    border-radius: 50%;
    width: max-content;
    left: 50%;
    max-width: unset !important;
    margin-left: -16px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.22s ease, visibility 0.22s ease;
}

#__eedivChatMain #historyPreviousChat .scrollDown.ee-scrolldown-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
/* #chatListItemContinue > .divider-container{
  display: none;
} */
/* "<div id='previousChats'></div>"+


            vidyaAi.initializePreviousChats()
            
            
            
            */
/* #eeChatBotChatWindow.prompt-carousel-appeared{
  height: 84% !important;
} */
#eeChatBotChatWindow.chat-over #__eemessageWindow {
    height: 98%;
}

#__eedivChatMain #chatListItemContinue.secondContinueChat + .firstContinueChat > .divider-container {
    display: block !important;
}
/* #eeChatBotChatWindow.prompt-carousel-appeared #__eemessageWindow .scrollDown{
  bottom:16px;
} */
/* #eeChatBotChatWindow.chat-over #__eemessageWindow .scrollDown{
  bottom: -20px;
} */
/* #eeChatBotChatWindow.chat-over #__eemessageWindow > div:last-child{
  margin-bottom:20px
} */

#__eedivChatMain .reply_content > .icon_and_name + .reply > #__eechat-chips-wrapper > div {
    /* margin-top: 12px; */
    height: max-content;
    align-self: baseline
}

    #__eedivChatMain .reply_content > .icon_and_name + .reply > #__eechat-chips-wrapper > div:nth-child(n+2) {
        margin-top: 0px;
    }


#__eechatWindow.interactions-paused #initialPrompts ul li {
    cursor: not-allowed;
    background: none;
}

#__eechatWindow.interactions-paused #allPromptsList ul li {
    cursor: not-allowed;
    background: none;
}

#__eechatWindow.interactions-paused #promptCarousel button {
    color: var(--ee-primary-font-color);
    background: var(--ee-white);
    border: 1px solid var(--ee-border-color) !important;
}

#__eechatWindow.interactions-paused .sendIcon.allow-event,
#__eechatWindow.interactions-paused .vidyaai-figma-search-send .sendIcon.allow-event {
    cursor: not-allowed !important;
}


#__eedivChatMain #eeChatContainer .eeChat_loader:last-child {
    margin-top: 9px;
}

#__eedivChatMain .chatreply > .reply_content > .reply > img {
    width: 100px;
    height: 20px;
}

#__eedivChatMain .retryComponent {
    display: flex;
    flex-direction: row-reverse;
    margin-right: 24px;
    padding: 6px 12px;
    background: var(--ee-chat-bot-color);
    ;
    width: max-content;
    align-self: end;
    border-radius: 16px;
    grid-gap: 4px;
    cursor: pointer;
    margin-top: 16px;
}

    #__eedivChatMain .retryComponent.deActivate * {
        cursor: not-allowed;
    }

    #__eedivChatMain .retryComponent.deActivate {
        pointer-events: none;
        background: var(--ee-user-submit-disabled);
    }

    #__eedivChatMain .retryComponent .retryButton {
        background: none;
        color: var(--ee-user-input-color);
        border-radius: 12px 2px 12px 12px;
        border: none;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px !important;
        font-family: var(--ee-user-font-family);
        letter-spacing: 0px;
        margin: 0px;
        padding: 0px;
        display: flex;
        grid-gap: 4px;
        flex-direction: row-reverse;
        align-items: center;
    }

    #__eedivChatMain .retryComponent img {
        height: 12px;
        width: 12px;
    }


#__eechatmsg_end_appointment .reply_content .reply .ac-container {
    margin: 0px !important;
    width: max-content !important;
    height: unset;
    min-height: unset !important;
    padding: 0px !important;
}

#__eedivChatMain #__eechatWindow #__eechatmsg_end_appointment .ac-container {
    width: max-content;
    padding: 0px !important;
    height: unset;
    min-height: max-content !important;
}

@media (min-width: 1224px) {
    #__eedivChatMain #__eechatWindow #__eechatmsg_end_appointment .ac-container {
        width: max-content;
    }
}

#feedbackPopUpContainer {
    position: absolute;
    z-index: 9999999999999999;
    background: black;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

    #feedbackPopUpContainer > * {
        height: max-content;
        display: flex;
        justify-content: center;
        flex-direction: column;
        max-width: inherit;
        gap: 8px;
        border-radius: 2px 12px 12px;
        background: var(--ee-background-color);
        padding: 12px;
        margin-bottom: 20px;
        margin-left: 24px;
        margin-right: 24px;
        max-width: 320px;
    }

    #feedbackPopUpContainer.half_screen {
        margin-top: 64px;
        height: min(704px, 100% - 92px) !important;
    }

/* In-chat pre-lead lead gate: keep carousel + compose visible but non-interactive until add-lead. */
#promptCarouselWithButtons.vidyaai-prelead-gate-compose-locked,
#searchBox.vidyaai-prelead-gate-compose-locked,
#vidyaone.vidyaai-prelead-gate-compose-locked,
#vidyaaiFigmaSearchHost.vidyaai-prelead-gate-compose-locked,
#__eechatWindow.vidyaai-prelead-gate-compose-locked #promptCarouselWithButtons,
#__eechatWindow.vidyaai-prelead-gate-compose-locked #searchBox,
#__eechatWindow.vidyaai-prelead-gate-compose-locked #vidyaone,
#__eechatWindow.vidyaai-prelead-gate-compose-locked #vidyaaiFigmaSearchHost,
#eeChatContainer.vidyaai-prelead-gate-compose-locked #promptCarouselWithButtons,
#eeChatContainer.vidyaai-prelead-gate-compose-locked #searchBox,
#eeChatContainer.vidyaai-prelead-gate-compose-locked #vidyaone,
#eeChatContainer.vidyaai-prelead-gate-compose-locked #vidyaaiFigmaSearchHost {
    opacity: 1 !important;
    cursor: not-allowed !important;
    user-select: none !important;
    transition: opacity 0.2s ease-in-out !important;
}

#promptCarouselWithButtons.vidyaai-prelead-gate-compose-locked *,
#searchBox.vidyaai-prelead-gate-compose-locked *,
#vidyaone.vidyaai-prelead-gate-compose-locked *,
#vidyaaiFigmaSearchHost.vidyaai-prelead-gate-compose-locked *,
#__eechatWindow.vidyaai-prelead-gate-compose-locked #promptCarouselWithButtons *,
#__eechatWindow.vidyaai-prelead-gate-compose-locked #searchBox *,
#__eechatWindow.vidyaai-prelead-gate-compose-locked #vidyaone *,
#__eechatWindow.vidyaai-prelead-gate-compose-locked #vidyaaiFigmaSearchHost * {
    pointer-events: none !important;
    cursor: not-allowed !important;
}

/* Styles for elements when feedback popup is open */
/* Use opacity to dim elements and let the overlay background show through naturally */
#promptCarouselWithButtons.feedback-overlay-disabled,
#searchBox.feedback-overlay-disabled,
#vidyaone.feedback-overlay-disabled,
#vidyaaiFigmaSearchHost.feedback-overlay-disabled,
#chatCopyright.feedback-overlay-disabled {
    opacity: 0.25 !important;
    pointer-events: none !important;
    transition: opacity 0.2s ease-in-out !important;
}

/* Ensure seamless merge between elements - remove borders and gaps */
#promptCarouselWithButtons.feedback-overlay-disabled {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

#searchBox.feedback-overlay-disabled, #vidyaone.feedback-overlay-disabled {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    margin-top: 0px !important;
    background: rgba(255, 255, 255, 0.8) !important;
}

#vidyaaiFigmaSearchHost.feedback-overlay-disabled {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    margin-top: 0px !important;
    background: rgba(255, 255, 255, 0.8) !important;
}

#chatCopyright.feedback-overlay-disabled {
    border: none !important;
    border-top: none !important;
    background: rgba(255, 255, 255, 0.5) !important;
}

/* Ensure chatCopyright child elements blend with overlay */
#chatCopyright.feedback-overlay-disabled .chat-conversation-end {
    box-shadow: none !important;
    border: none !important;
    
}

/* Ensure all child elements are non-interactive */
#promptCarouselWithButtons.feedback-overlay-disabled *,
#searchBox.feedback-overlay-disabled *,
#vidyaone.feedback-overlay-disabled *,
#chatCopyright.feedback-overlay-disabled * {
    pointer-events: none !important;
}

/* When feedback popup overlay is open, also disable message input + lead-form controls.
   JS only adds `.feedback-overlay-disabled` to a subset of widgets; this keeps the rest
   from bleeding through visually/interactively behind the feedback layer. */
#__eedivChatMain:has(#feedbackPopUpContainer[style*="display: flex"]) #_eemessage-input,
#__eedivChatMain:has(#feedbackPopUpContainer[style*="display: flex"]) #eeMsg-in,
#__eedivChatMain:has(#feedbackPopUpContainer[style*="display: flex"]) .wrap textarea#eeMsg-in,
#__eedivChatMain:has(#feedbackPopUpContainer[style*="display: flex"]) #sendClickBtn,
#__eedivChatMain:has(#feedbackPopUpContainer[style*="display: flex"]) .vidyaai-lead-details-input,
#__eedivChatMain:has(#feedbackPopUpContainer[style*="display: flex"]) .vidyaai-lead-details-submit {
    opacity: 0.25 !important;
    pointer-events: none !important;
}

#__eedivChatMain:has(#feedbackPopUpContainer[style*="display: flex"]) #feedbackPopUpContainer {
    opacity: 1 !important;
    pointer-events: auto !important;
}

#__eechatWindow.interactions-paused .__eechat-single-chips-enter:hover {
    cursor: not-allowed
}

#__eedivChatMain #noInternetConnection {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 10px;
    height: inherit;
    width: inherit;
    flex-direction: column;
}

    #__eedivChatMain #noInternetConnection > img {
        width: 222px;
        height: 222px;
    }

    #__eedivChatMain #noInternetConnection > .whooop-no-internet {
        margin-top: 20px;
        color: var(--ee-text-dark);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 22px !important;
        letter-spacing: 0.1px;
    }

    #__eedivChatMain #noInternetConnection > .check-and-try-again {
        color: #656565;
        text-align: center;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px !important;
        letter-spacing: 0.1px;
    }

/* Post–lead welcome: lightning hidden until first user action (removed by VidyaAi.revealWidgetLauncherAfterFirstUserAction) */
#__eedivChatMain #__eechatWindow.ee-widget-launcher-awaiting-first-action #selectWidgetsContainer,
#__eedivChatMain #__eechatWindow.ee-widget-launcher-awaiting-first-action .vidyaai-figma-search-flash {
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    border-width: 0 !important;
}

#selectWidgetsContainer {
    border: 0px;
    background: transparent;
    padding: 0px;
    margin: 0px;
    position: absolute;
    /* Above #vidyaInputTextArea + .icon-container (z-index 9 !important) so lightning stays clickable */
    z-index: 30 !important;
    right: 56px;
    bottom: 6.5px;
    box-shadow: none !important;
    border-radius: 0px !important;
    overflow: visible !important;
    transition: none !important;
    background: transparent !important;
}

/* AI Quick Action tray open + voice listening: keep tray above compose mic waveform (::before z-index is low). */
#__eedivChatMain #selectWidgetsContainer:has(#widgetsContainer.visible) {
    z-index: 40 !important;
}
 #selectWidgetsContainer:after{
        background: transparent !important;
    }
    #selectWidgetsContainer .selectWidgets {
        position: relative;
        left: 12px;
        bottom: 4px;
    }
    #selectWidgetsContainer img {
        width: 24px;
        height: 24px;
        cursor: pointer;
        display: block;
    }


.widgetsContainer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 36px;
    padding: 20px 34px;
    border-radius: 12px;
    background: white;
    width: max-content;

    .widget {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: transform 0.2s;
    margin: 0px !important;
    position: unset !important;
    padding: 0px;
    }

    .widget:after{
        border: none !important;
    }


    .widget:hover {
        transform: scale(1.05);
    }
}



#selectWidgetsContainer .widget-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.widget-label {
    margin-top: 6px;
    font-size: 12px;
    color: var(--ee-secondaory-font-color);
    max-width: 62px;
    font-weight: 400 !important;
    /*word-break: break-word;*/
}

.widget:hover .widget-label {
    color: var(--ee-text-dark);
}

.widget:hover img {
    box-shadow: 0px 0px 2px 2px rgb(0 0 0 / 8%);
}

#widgetsContainer {
    position: absolute;
    bottom: 33px;
    right: -30px;
    border-radius: 12px;
    border: 1px solid var(--ee-border-color);
    background: #FFF;
    box-shadow: 0px -1px 8.9px 0px rgba(0, 0, 0, 0.12);
    transform-origin: right bottom;
    transform: translateY(0) scale(1);
    opacity: 1;
    transition: transform 0.22s ease, opacity 0.22s ease, visibility 0.22s ease;
}

    #widgetsContainer.hidden {
        transform: translateY(8px) scale(0.85);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    #widgetsContainer.visible {
        transform: translateY(0) scale(1);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

/* Vidya new GPT floating widget tray — Figma VidyaAi 7541:276 ("AI Quick Action") */
#__eedivChatMain #widgetsContainer.vidyaai-widget-tray-card.widgetsContainer {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 0;
    width: 333px;
    max-width: calc(100vw - 52px);
    border: 2px solid transparent;
    border-radius: 12px;
    background-image:
        linear-gradient(#ffffff 0 0),
        linear-gradient(135deg, #ff9124 0%, #f472b6 38%, #8b5cf6 69%, #38bdf8 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: 0px 12px 32px rgba(28, 55, 97, 0.12), 0px 4px 10px rgba(28, 55, 97, 0.06);
}

#__eedivChatMain #widgetsContainer.vidyaai-widget-tray-card .vidyaai-widget-tray-header {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px 10px;
    flex-shrink: 0;
}

#__eedivChatMain #widgetsContainer.vidyaai-widget-tray-card .vidyaai-widget-tray-title-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    flex-shrink: 0;
    overflow: hidden;
}

#__eedivChatMain #widgetsContainer.vidyaai-widget-tray-card .vidyaai-widget-tray-ai-icon {
    width: 24px;
    height: 24px;
    display: block;
}

#__eedivChatMain #widgetsContainer.vidyaai-widget-tray-card .vidyaai-widget-tray-title {
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.1px;
    color: #1c3761;
    white-space: nowrap;
}

#__eedivChatMain #widgetsContainer.vidyaai-widget-tray-card .vidyaai-widget-tray-divider {
    height: 1px;
    background: #d8d8d8;
    flex-shrink: 0;
}

#__eedivChatMain #widgetsContainer.vidyaai-widget-tray-card .vidyaai-widget-tray-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 12px;
    padding: 12px 16px 16px;
    justify-items: center;
}

#__eedivChatMain #widgetsContainer.vidyaai-widget-tray-card .widget {
    margin: 0 !important;
    max-width: 78px;
}

#__eedivChatMain #widgetsContainer.vidyaai-widget-tray-card .widget:after {
    border: none !important;
}

#__eedivChatMain #widgetsContainer.vidyaai-widget-tray-card .widget-label {
    margin-top: 6px;
    color: #7d7d7d;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: -0.3px;
    max-width: 78px;
    font-weight: 400 !important;
    word-break: break-word;
}

#__eedivChatMain #widgetsContainer.vidyaai-widget-tray-card .widget:hover .widget-label {
    color: #1c3761;
}

#__eedivChatMain #selectWidgetsContainer #widgetsContainer.vidyaai-widget-tray-card .widget-icon,
#__eedivChatMain #widgetsContainer.vidyaai-widget-tray-card img.widget-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #d8d8d8;
    background: #fff;
    box-sizing: border-box;
    object-fit: scale-down;
    padding: 0;
}

#__eedivChatMain #widgetsContainer.vidyaai-widget-tray-card .widget:hover {
    transform: scale(1.04);
}

#__eedivChatMain #widgetsContainer.vidyaai-widget-tray-card .widget:hover .widget-icon {
    box-shadow: 0px 2px 8px rgba(28, 55, 97, 0.1);
}

@keyframes vidyaPostLeadQuickOpen {
    0% {
        transform: translate(94px, 96px) scale(0.12);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0) scale(1);
        opacity: 1;
    }
}

#eeChatBotChatWindow .brochure-card, #eeChatBotChatWindow .callback-card {
    display: flex;
    flex-direction: column;
    padding: 16px;
    position: relative;
    width: 286px !important;
    border-radius: 6px;
    border: 1px solid var(--ee-border-color);
    background: #FFF;
    margin-top: 8px;
}

#eeChatBotChatWindow .application-card {
    display: flex;
    flex-direction: column;
    padding: 0px 0px 16px;
    position: relative;
    width: 260px !important;
    border-radius: 6px;
    border: 1px solid var(--ee-border-color);
    background: #FFF;
    margin-top: 8px;
}

.card-content {
    display: flex;
    justify-content: space-between;
}

.card-content > .card-text, .card-content > .card-image{
    flex: 1;
}

.card-text h3 {
    margin: 0 0 8px;
    font-size: 13px;
    font-weight: bold;
    color: var(--ee-text-dark);
}

.card-text p {
    margin: 0px;
    font-size: 13px;
    color: var(--ee-secondaory-font-color);
}

.download-link, .request-btn, .apply-link {
    padding: 8px 20px;
    background-color: var(--ee-chat-bot-color);
    color: white !important;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    text-decoration: none !important;
    text-align: center;
    margin-top: 8px;
}

.application-card .apply-link {
    margin-top: 16px;
}

.application-card > * {
    margin: 0px 12px;
}

.application-card > .card-image {
    margin: 0px;
}

.request-btn {
    padding: 8px 25px;
    margin-top: 20px;
}

.whatsapp-btn {
    padding: 8px 20px;
    background-color: white;
    color: var(--ee-chat-bot-color);
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    border-radius: 6px;
    border: 1px solid var(--ee-border-color);
    margin-bottom: 12px;
}

#brochureImage {
    width: 129px;
    height: 130px;
}

#appFormImage {
    width: 260px;
    height: 182px;
    margin: 0px 0px 12px;
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}


.card_actions_time {
    display: flex;
    align-items: end;
    justify-content: end;
    margin-top: 6px;
    width: 320px;
}

.expandedchat .card_actions_time {
    width: auto;
}

.chat-input {
    display: flex;
    align-items: center;
    padding: 8px;
    gap: 8px;
    background-color: #fff;
    border-top: 1px solid #ddd;
}

#vidyaInputTextArea {
    flex: 1;
    resize: none;
    min-height: 36px;
    max-height: 120px;
    padding: 8px;
    border: 1px solid #ccc;
    font-size: 14px;
}

.icon-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
}

.sendIcon, .selectWidgets {
    width: 24px;
    height: 24px;
}

/* Optional widget button toggle visibility */
.widget-button {
    display: flex; /* or use `none` to hide */
}


#vidyagpt-video-modal.video-modal {
    position: fixed;
    z-index: 214483648;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    #vidyagpt-video-modal.video-modal .modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
    }

    #vidyagpt-video-modal.video-modal .modal-content {
        position: relative;
        width: 90%;
        max-width: 800px;
        margin: 40px auto;
        background: #fff;
        border-radius: 8px;
        padding: 20px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    #vidyagpt-video-modal.video-modal .modal-close {
        position: absolute;
        right: 7px;
        top: -7px;
        font-size: 24px;
        cursor: pointer;
        color: #666;
        z-index: 1;
    }

    #vidyagpt-video-modal.video-modal .video-container {
        position: relative;
        padding-top: 56.25%;
        width: 100%;
    }

    #vidyagpt-video-modal.video-modal #videoPlayer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#__eechatWindow .video-thumbnails-container {
    display: flex;
    overflow-x: auto;
    gap: 16px;
    padding: 8px 4px;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

#__eechatWindow .video-thumbnail-card {
    min-width: 280px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
    flex-shrink: 0;
}

    #__eechatWindow .video-thumbnail-card .thumbnail {
        position: relative;
        width: 100%;
        padding-top: 56.25%; /* 16:9 Aspect Ratio */
        cursor: pointer;
    }

        #__eechatWindow .video-thumbnail-card .thumbnail img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    #__eechatWindow .video-thumbnail-card .play-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 68px;
        height: 48px;
        transition: transform 0.2s ease;
    }

    #__eechatWindow .video-thumbnail-card .thumbnail:hover .play-button {
        transform: translate(-50%, -50%) scale(1.1);
    }

    #__eechatWindow .video-thumbnail-card .video-caption {
        padding: 12px;
        margin: 0;
        color: #0F0F0F;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 17.096px; /* 131.504% */
    }

    #__eechatWindow .video-thumbnail-card .card_actions_time {
        padding: 8px 12px;
        font-size: 12px;
        color: #666;
        border-top: 1px solid #eee;
    }
.histroy-chat .video-thumbnail-card {
    max-width: 280px;
}
#__eechatWindow .video-thumbnails-container::-webkit-scrollbar {
    opacity: 0 !important;
}
/* Scrollbar Styling */
#__eechatWindow .video-thumbnails-container::-webkit-scrollbar {
    height: 1px;
    opacity: 0;
}

#__eechatWindow .video-thumbnails-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
    opacity: 0 !important;
}

#__eechatWindow .video-thumbnails-container::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
    opacity: 0 !important;
}

    #__eechatWindow .video-thumbnails-container::-webkit-scrollbar-thumb:hover {
        background: #555;
        opacity: 0 !important;
    }



#__eechatWindow .vidyagpt .video-navigation-buttons {
    display: flex;
    justify-content: space-between;
    margin: 10px 0 0 0;
}

    #__eechatWindow .vidyagpt .video-navigation-buttons .nav-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        border: none;
        border-radius: 50%;
        cursor: pointer;
    }



#__eechatWindow .video-navigation-buttons {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

#__eechatWindow .vidyagpt .video-navigation-buttons .nav-button:hover {
    background: rgba(255, 255, 255, 1);
}

#__eechatWindow .vidyagpt .video-navigation-buttons .nav-button img {
    width: 14px;
    height: 24px;
}

#__eechatWindow .vidyagpt .video-navigation-buttons .nav-button {
    position: absolute;
    top: 0%;
    transform: translateY(-100%);
    z-index: 2;
    width: auto !important;
    height: auto !important;
    background-color: #f5f5f6 !important;
}

    #__eechatWindow .vidyagpt .video-navigation-buttons .nav-button.ui-disabled {
        display: none !important;
    }

    #__eechatWindow .vidyagpt .video-navigation-buttons .nav-button.prev {
        left: -5px;
        padding: 5.9px 10.8px;
    }

    #__eechatWindow .vidyagpt .video-navigation-buttons .nav-button.next.ui-disabled {
        display: none !important;
    }

    #__eechatWindow .vidyagpt .video-navigation-buttons .nav-button.next {
        right: 1%;
        padding: 5.9px 10.8px;
    }

.vidyagpt-video-modal .modal-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .vidyagpt-video-modal .modal-footer .video-caption {
        margin: 0;
        font-size: 14px;
        color: #333;
        padding: 12px;
        border-top: 1px solid #eee;
    }

#__eemessageWindow.expandedchat > div.vidyagpt {
    width: 100% !important;
    max-width: 100% !important;
}

#eeChatBotChatWindow .video-thumbnail-card .thumbnail .video-duration {
    position: absolute;
    z-index: 1;
    color: white;
    right: 3px;
    width: fit-content;
    background: rgba(0,0,0,0.80);
    text-align: center;
    padding: 0px 5px;
    bottom: 1px;
    border-radius: 3px;
    color: #FFF;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
}

#__eechatWindow .campus-video {
    position: relative;
}

.vidyagpt-time-section {
    display: flex;
    align-items: center;
    gap: 16px;
}

.vidyagpt-time-unit-horizontal {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vidyagpt-arrow-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vidyagpt-arrow {
    background: transparent;
    border: none;
    font-size: 18px;
    cursor: pointer;
    padding: 4px;
    line-height: 1;
}

.vidyagpt-value {
    font-size: 24px;
    font-weight: bold;
    min-width: 40px;
    text-align: center;
}

.vidyagpt-separator {
    font-size: 24px;
    font-weight: bold;
}

.vidyagpt-ampm-toggle .vidyagpt-toggle-btn {
    padding: 8px 12px;
    font-size: 16px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

#__eechatWindow td.day.disabled,
#__eechatWindow td.disabled,
#__eechatWindow td.old.disabled,
#__eechatWindow td.new.disabled {
    opacity: 0.3 !important;
    pointer-events: none;
    cursor: not-allowed;
}
/* ================================
   COMMON WIDGET CONTAINER STYLE
================================== */
.vidya-ai-cal {
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-top: 10px;
    width: 320px;
    max-width: 100%;
    box-sizing: border-box;
}

/* Keep calendar at fixed width in expanded-chat mode */
#__eemessageWindow.expandedchat .vidya-ai-cal {
    width: 360px;
    max-width: 360px;
}

/* After booking / pre-booked: keep calendar visible; .disable() would hide the inline widget */
.vidya-ai-cal [id$="-picker"].ee-appointment-calendar-locked,
.vidya-ai-cal [id$="-picker"].ee-appointment-calendar-locked .bootstrap-datetimepicker-widget {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
}
.vidya-ai-cal [id$="-picker"].ee-appointment-calendar-locked {
    opacity: 0.92;
}

.bootstrap-datetimepicker-widget {
    overflow: hidden;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

table.table-condensed,
table.table-condensed th,
table.table-condensed td {
    border: none !important;
}

.bootstrap-datetimepicker-widget.timepicker-sbs > .row{
    display: flex !important;
    flex-direction: column !important;
}

.timepicker.col-md-6{
    margin-top: 12px !important;
}

.vidya-ai-cal .bootstrap-datetimepicker-widget .timepicker {
    display: none !important;
}

.vidya-ai-cal .bootstrap-datetimepicker-widget ul,
.vidya-ai-cal .bootstrap-datetimepicker-widget li {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.vidya-ai-cal .bootstrap-datetimepicker-widget li.picker-switch {
    display: none !important;
}

#__eemessageWindow > .chatreply + div{
    max-width: 100% !important;
}

    .bootstrap-datetimepicker-widget table.table-condensed {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        table-layout: fixed;
    }
    /* ================================
   HEADER (Month & Navigation)
================================== */
    .bootstrap-datetimepicker-widget .datepicker-days thead tr {
        background: rgba(245, 247, 250, 1);
        font-weight: 600;
    }

    .bootstrap-datetimepicker-widget th.picker-switch {
        font-size: 16px;
    }

    .bootstrap-datetimepicker-widget th.prev,
    .bootstrap-datetimepicker-widget th.next {
        cursor: pointer;
        color: #333;
        padding: 10px;
    }

        .bootstrap-datetimepicker-widget th.prev:hover,
        .bootstrap-datetimepicker-widget th.next:hover {
            color: #007bff;
        }

    /* ================================
   DAY LABELS (Su, Mo, ...)
================================== */
    .bootstrap-datetimepicker-widget th.dow {
        font-size: 12px;
        color: #424242;
        padding: 6px 0;
        font-weight: 600;
    }

    /* ================================
   CALENDAR DAYS
================================== */
    .bootstrap-datetimepicker-widget td.day {
        height: 38px !important;
        line-height: 38px !important;
        text-align: center;
        border-radius: 6px;
        font-size: 12px;
        cursor: pointer;
        font-weight: 400;
        transition: background 0.2s;
    }

        .bootstrap-datetimepicker-widget td.day:hover {
            background-color: #eaf4ff;
        }

    .bootstrap-datetimepicker-widget td.today {
        background-color: transparent !important;
        color: #333 !important;
        border-radius: 6px;
    }

    .bootstrap-datetimepicker-widget table td.today:before {
        display: none !important;
    }

    .bootstrap-datetimepicker-widget td.active {
        background-color: rgba(28, 55, 97, 1) !important;
        color: #fff !important;
        font-weight: 600;
    }

    .bootstrap-datetimepicker-widget td.today.active {
        border: none !important;
    }
    /* Disabled dates */
    .bootstrap-datetimepicker-widget td.disabled,
    .bootstrap-datetimepicker-widget td.disabled:hover {
        background: transparent;
        color: #ccc;
        cursor: not-allowed;
    }
.histroy-chat a.download-link,
.histroy-chat a.apply-link,
.histroy-chat button#action-request-callback {
    pointer-events: none !important;
    opacity: 0.7 !important;
    touch-action: none !important;
    user-select: none !important;
    cursor: default !important;
}
#historyPreviousChat .disabled-in-history, .interactions-paused .ui-disabled-when-paused {
    pointer-events: none !important;
    touch-action: none !important;
    user-select: none !important;
    cursor: default !important;
}
#historyPreviousChat .disabled-in-history, .interactions-paused .ui-disabled-when-paused:not(.selectWidgets) {
    opacity: 0.7 !important;
}
.interactions-paused .ui-disabled-when-paused.toggle-widgets-button {
    opacity: 1 !important;
} 
.ui-disabled {
    pointer-events: none;
    opacity: 0.7;
    touch-action: none;
    user-select: none;
    cursor: default;
}

.clicked-disabled {
    opacity: 0.7;
    cursor: not-allowed !important;
}
    /* new time picker */
    .vidyagpt-timepicker-horizontal {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
} .vidyagpt-time-unit {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: solid 1px rgba(216, 216, 216, 1);
    border-radius: 4px;
    height: 32px;
} .vidyagpt-value {
    font-size: 24px;
    margin-right: 10px;
    min-width: 40px;
    text-align: center;
} .vidyagpt-arrows {
    display: flex;
    flex-direction: column;
    gap: 4px;
} .vidyagpt-arrows .up, .vidyagpt-arrows .down {
        cursor: pointer;
        font-size: 16px;
        line-height: 16px !important;
        text-align: center;
    } .vidyagpt-timepicker-horizontal .vidyagpt-arrows .up, .vidyagpt-timepicker-horizontal .vidyagpt-arrows .down {
    background-image: url('../../images/vidyagpt-calendar-up-down-arrow.svg');
    background-repeat: no-repeat;
    background-size: 100% 200%; /* Stretch full image, 200% height */
    width: 20px;
    height: 10px;
    cursor: pointer;
}
    /* Show top half for UP */
    .vidyagpt-timepicker-horizontal .vidyagpt-arrows .up {
    background-position: center top;
}
    /* Show bottom half for DOWN */
    .vidyagpt-timepicker-horizontal .vidyagpt-arrows .down {
    background-position: center bottom;
}
    /* Optional: Disabled state */
    .vidyagpt-timepicker-horizontal .vidyagpt-arrows .disabled {
    opacity: 0.4;
    pointer-events: none;
} .bootstrap-datetimepicker-widget .vidyagpt-timepicker-horizontal .timepicker-hour, .bootstrap-datetimepicker-widget .vidyagpt-timepicker-horizontal .timepicker-minute, .bootstrap-datetimepicker-widget .vidyagpt-timepicker-horizontal .timepicker-second {
    width: 42px !important;
} .vidya-ai-cal .comment-container {
    margin-top: 10px;
    border-radius: 6px;
    margin: 12px 12px 6px 12px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
    flex-direction: column;
} .vidya-ai-cal .comment-container .comment {
        width: 100%;
        min-height: 80px;
        max-height: 80px;
        resize: none;
        margin: 0px 12px;
        border-radius: 6px;
        border: 1px solid var(--ee-border-color);
        padding: 8px 12px;
    } .vidya-ai-cal .comment-container .comment:disabled,
    .vidya-ai-cal .comment-container .comment.disabled {
        cursor: not-allowed;
    } .vidya-ai-cal .comment-container .appointment-buttons {
        display: flex;
        align-items: center;
        margin-top: 10px;
        width: calc(100% - 0px);
    } .vidya-ai-cal .comment-container .btn-submit-comment {
        display: flex;
        flex: 1;
        justify-content: center;
        align-items: center;
        padding: 8px 0px !important;
        background-color: var(--ee-course-hover-background);
        color: white;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-size: 13px;

    }
    #__eedivChatMain .vidya-ai-cal .comment-container .btn-submit-comment.ee-appointment-submit-loading:disabled {
        opacity: 1;
        cursor: wait;
        gap: 8px;
    }
    .vidya-ai-cal .comment-container .btn-submit-comment .ee-appointment-btn-spinner {
        width: 14px;
        height: 14px;
        box-sizing: border-box;
        border: 2px solid rgba(255, 255, 255, 0.35);
        border-top-color: #fff;
        border-radius: 50%;
        animation: ee-appointment-spin 0.65s linear infinite;
        flex-shrink: 0;
    }
    @keyframes ee-appointment-spin {
        to {
            transform: rotate(360deg);
        }
    } 
    .vidya-ai-cal .comment-container .btn-cancel-appointment {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #393939;
        text-decoration: none;
        font-size: 13px;
        cursor: pointer;
        padding: 8px 0px !important;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        background-color: transparent;
        line-height: normal !important;
    } 
    .vidya-ai-cal .comment-container .btn-cancel-appointment:hover {
        color: #393939;
        text-decoration: none;
    }

    /* ================================
       TIME SELECT ROW
    ================================== */
    .ee-appt-time-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 12px;
        border-top: 1px solid #D8D8D8;
        gap : 6px
    }

    #__eemessageWindow.expandedchat .ee-appt-time-row {
        gap: 12px;
        padding: 10px 12px;
    }


    .ee-appt-time-label {
        font-size: 13px;
        color: #555;
        margin: 0;
        font-weight: 400;
        white-space: nowrap;
    }

    .ee-appt-time-select-wrapper {
        position: relative;
        display: flex;
        align-items: center;
    }

    .ee-appt-time-input {
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        padding: 6px 32px 6px 12px;
        font-size: 13px;
        cursor: text;
        background: #fff;
        color: #333;
        outline: none;
        font-family: inherit;
        transition: border-color 0.15s;
        width : 100%;
    }

    .ee-appt-time-input:focus {
        border-color: #1B3761;
    }

    .ee-appt-time-input:disabled {
        cursor: not-allowed;
        opacity: 0.7;
        background: #f5f5f5;
    }

    .ee-appt-time-chevron {
        position: absolute;
        right: 10px;
        pointer-events: none;
        width: 10px;
        height: 6px;
        background-image: url("../../images/chevron_down.svg");
        background-size: contain;
        background-repeat: no-repeat;
    }

    .ee-time-dropdown {
        display: none;
        position: absolute;
        top: calc(100% + 4px);
        right: 0;
        background: #fff;
        border: 1px solid #d8d8d8;
        border-radius: 8px;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
        z-index: 9999;
        max-height: 148px;
        overflow-y: auto;
        width: 100%;
    }

    .ee-time-dropdown::-webkit-scrollbar {
        width: 4px;
    }
    .ee-time-dropdown::-webkit-scrollbar-track {
        background: transparent;
    }
    .ee-time-dropdown::-webkit-scrollbar-thumb {
        background: #d0d0d0;
        border-radius: 2px;
    }

    .ee-time-option {
        padding: 9px 14px;
        font-size: 13px;
        color: #333;
        cursor: pointer;
        white-space: nowrap;
        line-height: 1.4;
        user-select: none;
    }

    .ee-time-option:hover {
        background: #f0f4f8;
    }

    .ee-time-option--active {
        background: #e8eef5;
    }

    .ee-time-option--selected {
        background: #1B3761;
        color: #fff;
    }

    .ee-time-option--selected:hover {
        background: #1B3761;
    }

    /* ================================
       MONTH PICKER OVERLAY
    ================================== */
    .ee-month-picker-overlay {
        position: absolute;
        /* sits just below the nav row (< Month Year >) inside .datepicker-days */
        top: 38px;
        left: 0;
        right: 0;
        background: #fff;
        border-radius: 16px;
        border: 1px solid #D8D8D8;
        z-index: 100;
        max-height: 220px;
        overflow-y: auto;
        width: 260px;
        margin: auto;
    }

    .ee-month-picker-overlay::-webkit-scrollbar {
        width: 0px;
    }

    .ee-month-picker-overlay::-webkit-scrollbar-track {
        background: transparent;
    }

    .ee-month-picker-overlay::-webkit-scrollbar-thumb {
        background: #d0d0d0;
        border-radius: 2px;
    }

    .ee-month-item {
        background: none;
        border: none;
        width: 100%;
        text-align: left;
        font-family: inherit;
        padding: 11px 16px;
        cursor: pointer;
        display: flex;
        align-items: center;
        font-size: 14px;
        color: #333;
        gap: 12px;
    }

    .ee-month-item:hover {
        background: #f5f5f5;
    }

    .ee-month-item.selected {
        background: #f5f5f5;
    }

    .ee-month-check {
        width: 24px;
        flex-shrink: 0;
        text-align: center;
        font-size: 0;
        color: transparent;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .ee-month-item.selected .ee-month-check::before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url('../../images/month-check-icon.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .ee-month-name {
        flex: 1;
    }

    /* ================================
       PICKER-SWITCH DROPDOWN ARROW
    ================================== */
    .vidya-ai-cal .bootstrap-datetimepicker-widget th.picker-switch::after {
        content: '';
        display: inline-block;
        position: static;
        overflow: visible;
        clip: auto;
        width: 16px;
        height: 16px;
        margin: 0 0 2px 4px;
        padding: 0;
        border: 0;
        background-image: url('../../images/dropdown-down-icon.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        vertical-align: middle;
    }

    .interactions-paused .vidya-ai-cal .comment-container .btn-submit-comment.ui-disabled-when-paused {
    color: var(--ee-primary-font-color);
} .interactions-paused .vidya-ai-cal .comment-container .comment.ui-disabled-when-paused {
    color: var(--ee-primary-font-color);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
} .vidya-ai-cal .vidyagpt-value {
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
} #__eedivChatMain *:focus-visible {
    outline: none !important;
} #__eemessageWindow .bootstrap-datetimepicker-widget .glyphicon-chevron-right, #__eemessageWindow .bootstrap-datetimepicker-widget .glyphicon-chevron-left, #__eemessageWindow .bootstrap-datetimepicker-widget .glyphicon-chevron-up, #__eemessageWindow .bootstrap-datetimepicker-widget .glyphicon-chevron-down {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 8px;
    height: 13px;
    background-size: contain;
    background-repeat: no-repeat;
} #__eemessageWindow .bootstrap-datetimepicker-widget .glyphicon-chevron-left {
    background-image: url("../../images/chevron_left.svg");
    color: transparent !important;
} #__eemessageWindow .bootstrap-datetimepicker-widget .glyphicon-chevron-right {
    background-image: url("../../images/chevron_right.svg");
    color: transparent !important;
} #__eemessageWindow .bootstrap-datetimepicker-widget .glyphicon-chevron-up {
    width: 13px;
    background-image: url("../../images/chevron_up.svg");
    color: transparent !important;
} #__eemessageWindow .bootstrap-datetimepicker-widget .glyphicon-chevron-down {
    width: 13px;
    background-image: url("../../images/chevron_down.svg");
    color: transparent !important;
} #__eedivChatMain .question_data.html-content {
    color: unset;
    border-radius: 12px 2px 12px 12px;
    background-color: transparent;
} #__eedivChatMain .histroy-chat.static{
    display: inline-block;
    max-width: fit-content;
}
#__eemessageWindow hr {
    border: 1px solid #4A4A4A !important;
    width: 100% !important;
    border-top: none !important;
    margin: 8px 0px !important;
    max-width: 100% !important;
    opacity: 0.25 !important;
}

#__eemessageWindow strong {
    display: contents !important;
}

#__eemessageWindow code {
    padding: 0px !important;
    font-size: 13px !important;
    border-radius: 0px !important;
    color: #4A4A4A !important;
    font-weight: 400 !important;
    font-family: 'Open Sans';
    background: none !important;
}


.chat-api-loader {
    display: inline-block;
    width: 100%;
}
.chat-api-loader-text {
    display: inline-block;
    font-weight: 500;
    user-select: none;
    overflow: hidden;
    margin-top: -7px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #393939;
    position: relative;
}
.chat-api-loader-word {
    display: inline-block;
    color: #393939;
    background: linear-gradient(90deg, #393939 0%, #393939 50%, #393939 100%);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: loading-shimmer-word 3s ease-in-out infinite;
    animation-fill-mode: both;
}

@keyframes loading-shimmer-word {
    0%, 100% {
        background-position: -200% 0;
        opacity: 0.6;
    }
    50% {
        background-position: 200% 0;
        opacity: 1;
    }
}

.chatai_loading{
    width: 100% !important;
}

.__eechat-single-chips.__eechat-single-chips-enter.disabled:not(.selected),.__eechat-single-chips.__eechat-show-more-chips.disabled:not(.selected){
    cursor: not-allowed !important;
    user-select: none;
    opacity: 0.7;
}

#__eechat-chips-wrapper .__eechat-single-chips-disabled, #__eechat-chips-wrapper .__eechat-single-chips.disabled.selected, #__eechat-chips-wrapper .__eechat-show-more-chips.disabled.selected{
    cursor: not-allowed !important;
    opacity: 1;
    font-weight: bold !important;
    background-color: var(--ee-chat-bot-button-color) !important;
    color: #FFFFFF !important;
}

/* Microphone Permission Modal Styles */
#microphone-permission-modal.microphone-permission-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2147483647;
    display: flex;
    align-items: center;
    justify-content: center;
}

.microphone-permission-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(2px);
}

.microphone-permission-content {
    position: relative;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    max-width: 560px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    z-index: 1;
    animation: microphonePermissionModalEnter 0.3s ease-out;
}

@keyframes microphonePermissionModalEnter {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.microphone-permission-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 24px 16px 24px;
    border-bottom: 1px solid #e5e5e5;
}

.microphone-permission-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #1b3761;
    font-family: var(--ee-user-font-family, Arial, sans-serif);
}

.microphone-permission-close {
    background: none;
    border: none;
    font-size: 28px;
    color: #666;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.2s ease;
    line-height: 1;
}

.microphone-permission-close:hover {
    background: #f0f0f0;
    color: #333;
}

.microphone-permission-body {
    padding: 24px;
}

.microphone-permission-description {
    margin: 0 0 24px 0;
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    font-family: var(--ee-user-font-family, Arial, sans-serif);
}

.microphone-permission-steps {
    margin-bottom: 24px;
}

.microphone-permission-step {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
    gap: 12px;
}

.microphone-permission-step:last-child {
    margin-bottom: 0;
}

.step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    min-width: 28px;
    background: var(--ee-chat-bot-button-color, #1b3761);
    color: #ffffff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--ee-user-font-family, Arial, sans-serif);
}

.step-text {
    flex: 1;
    font-size: 14px;
    color: #333;
    line-height: 1.6;
    padding-top: 4px;
    font-family: var(--ee-user-font-family, Arial, sans-serif);
}

/* Responsive styles for mobile */
@media screen and (max-width: 600px) {
    .microphone-permission-content {
        width: 95%;
        max-width: 95%;
        margin: 20px;
    }

    .microphone-permission-header {
        padding: 20px 20px 16px 20px;
    }

    .microphone-permission-header h3 {
        font-size: 18px;
    }

    .microphone-permission-body {
        padding: 20px;
    }

    .microphone-permission-step {
        gap: 10px;
    }

    .step-number {
        width: 24px;
        height: 24px;
        min-width: 24px;
        font-size: 12px;
    }

    .step-text {
        font-size: 13px;
    }
}

#eeChatBotChatWindow .reply_content h1{
    font-weight: 700 !important;
}

#__eedivChatMain #__eechatmsg_welcomemsg{
    margin-top: 16px !important;
    margin-left: 0px !important;
}

#__eedivChatMain #__eechatmsg_welcomemsg .ac-container{
    padding: 0px !important;
    width: max-content !important;
    min-height: auto;
}

#__eedivChatMain #__eechatmsg_welcomemsg .ac-container+p{
    margin: 0px !important;
}

#__eedivChatMain #__eechatmsg_welcomemsg .ac-container> .ac-textBlock > p+p{
    margin: 0px !important;
}

#__eedivChatMain #circleWrapper .circle::after{
    border: none !important;
}

#__eedivChatMain #circleWrapper .circle::before{
    border: none !important;
}

/* #__eedivChatMain #navigation .small_header_icon.vidyaai-back-icon.vidyaai-back-icon-hidden + .small_header_icon {
    width: 48px !important;
    height: 48px !important;
} */

#__eedivChatMain .vidya-anonymous-flow #navigation .small_header_icon.vidyaai-back-icon.vidyaai-back-icon-hidden + .small_header_icon{
    width: 26px !important;
    height: 26px !important;
}

/* Anonymous flow: no back navigation until lead capture completes. */
#__eedivChatMain .vidya-anonymous-flow #navigation .vidyaai-back-icon.vidyaai-back-icon-hidden {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    min-width: 0 !important;
    margin-right: 0 !important;
}


#__eedivChatMain #eeChatContainer .vidya-new-gpt-flow #chatCopyright {
    .chat-conversation-end-disabled{
        padding-top: 30px;
    }

    &.feedback-overlay-disabled{
        background: #f9f9f9 !important;
        .chatCopyrightContainer{
            color: #333333;
            font-weight: 400;
            padding-top: 0px !important;
        }
    }
}

/* Touch / tablet: adaptive card + compose (all platforms). Lead-form zoom fixes are iOS-only below. */
   @media (max-width: 1366px), (hover: none) and (pointer: coarse) {
    #__eedivChatMain #searchBox #vidyaInputTextArea,
    #__eedivChatMain #vidyaone #vidyaInputTextArea,
    #__eedivChatMain #searchBox input,
    #__eedivChatMain #vidyaone input,
    #__eedivChatMain .vidyaai-figma-search-textarea {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    #__eedivChatMain #__eechatWindow .ac-input {
        font-size: 16px;
    }

    #__eedivChatMain #__eechatWindow .ac-input.ac-textInput:not(.ac-multiline),
    #__eedivChatMain #__eechatWindow .ac-input.ac-numberInput,
    #__eedivChatMain #__eechatWindow .ac-input.ac-dateInput,
    #__eedivChatMain #__eechatWindow .ac-input.ac-timeInput,
    #__eedivChatMain #__eechatWindow .ac-input.ac-multichoiceInput {
        min-height: 34px !important;
        height: auto !important;
    }

    #__eedivChatMain #__eechatWindow .ac-input.ac-textInput.ac-multiline {
        min-height: 80px;
        height: auto !important;
    }

    #__eedivChatMain #eeChatContainer ._eemessage-in .wrap input {
        font-size: 16px;
    }

    #__eedivChatMain .wrap textarea#eeMsg-in {
        font-size: 16px;
        line-height: 22px !important;
    }

    #vidyaInputTextArea {
        font-size: 16px;
    }
}

/*
 * iOS / iPadOS only (Safari + Chrome/Firefox on iPhone/iPad — WebKit).
 * @supports (-webkit-touch-callout) is false on Android/desktop; nested touch media
 * excludes desktop Safari with a mouse. Prevents focus-zoom while keeping 13px look.
 */
@supports (-webkit-touch-callout: none) {
    @media (hover: none) and (pointer: coarse) {
        #__eedivChatMain #searchBox #vidyaInputTextArea,
        #__eedivChatMain #vidyaone #vidyaInputTextArea,
        #__eedivChatMain #searchBox input,
        #__eedivChatMain #vidyaone input,
        #__eedivChatMain .vidyaai-figma-search-textarea,
        #__eedivChatMain #eeChatContainer ._eemessage-in .wrap input,
        #__eedivChatMain .wrap textarea#eeMsg-in,
        #vidyaInputTextArea,
        #__eedivChatMain .vidyaai-lead-details-input:not(.vidyaai-lead-details-select-trigger),
        #__eedivChatMain .vidyaai-lead-details-field input:not(.vidyaai-lead-details-select-search),
        #__eedivChatMain .vidyaai-lead-details-field textarea {
            font-size: 16px !important;
            line-height: 22px !important;
            transform: scale(0.8125) !important;
            transform-origin: left center !important;
            width: calc(100% / 0.8125) !important;
        }

        /* Phone intl + select search: 16px computed, no scale (custom select trigger stays 13px below). */
        #__eedivChatMain .vidyaai-lead-details-field .iti input,
        #__eedivChatMain .vidyaai-lead-details-field .iti--allow-dropdown input.vidyaai-lead-phone-intl,
        #__eedivChatMain .vidyaai-lead-details-hidden-select,
        #__eedivChatMain .vidyaai-lead-details-select-search {
            font-size: 16px !important;
            line-height: 22px !important;
            transform: none !important;
            width: 100% !important;
        }

        /* Custom course select trigger (button) — 13px, no iOS focus zoom on buttons. */
        #__eedivChatMain .vidyaai-lead-details-select-trigger,
        #__eedivChatMain .vidyaai-lead-details-custom-select .vidyaai-lead-details-select-trigger {
            font-size: 13px !important;
            line-height: 20px !important;
            transform: none !important;
            width: 100% !important;
            box-sizing: border-box !important;
            -webkit-appearance: none !important;
            appearance: none !important;
            text-align: left !important;
            touch-action: manipulation;
        }

        #__eedivChatMain .vidyaai-lead-details-hidden-select {
            position: absolute !important;
            opacity: 0 !important;
            pointer-events: none !important;
            width: 1px !important;
            height: 1px !important;
            margin: 0 !important;
            padding: 0 !important;
            border: 0 !important;
            clip: rect(0, 0, 0, 0) !important;
        }

        #__eedivChatMain .vidyaai-lead-details-custom-select {
            position: relative !important;
            width: 100% !important;
        }
    }
}

/* ── IVR AI Calling Panel Styles ────────────────────────────────────────── */
#eeChatBotChatWindow.ivr-active {
    overflow: hidden !important;
    position: relative !important;
}
#eeChatBotChatWindow.ivr-active > *:not(#ivr-ai-call-panel) {
    display: none !important;
}
.ivr-ai-call-panel {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #ffffff !important;
    z-index: 999999 !important;
    display: flex !important;
    flex-direction: column !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    box-sizing: border-box !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.ivr-full-screen-header {
    background: #112B54 !important; /* Premium Navy Blue from Figma mockup */
    color: #ffffff !important;
    padding: 16px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    flex-shrink: 0 !important;
}
.ivr-header-left {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
}
.ivr-sparkle {
    width: 18px !important;
    height: 18px !important;
    color: #38BDF8 !important;
    animation: ivr-spin 4s linear infinite !important;
}
@keyframes ivr-spin {
    100% { transform: rotate(360deg); }
}
.ivr-header-close {
    background: none !important;
    border: none !important;
    color: #94A3B8 !important;
    font-size: 20px !important;
    cursor: pointer !important;
    transition: color 0.2s ease !important;
    outline: none !important;
    padding: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.ivr-header-close:hover {
    color: #ffffff !important;
}
.ivr-full-screen-body {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px 20px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    overflow-y: auto !important;
}
.ivr-agent-label {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #112B54 !important;
    margin-bottom: 6px !important;
}
.ivr-agent-sub {
    font-size: 13px !important;
    color: #627D98 !important;
    line-height: 1.5 !important;
    margin-bottom: 24px !important;
    padding: 0 16px !important;
    max-width: 320px !important;
    text-align: center !important;
}
.ivr-rings-wrap {
    position: relative !important;
    width: 280px !important;
    height: 280px !important;
    margin-bottom: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.ivr-avatar-glowing-wrapper {
    position: relative !important;
    width: 94px !important;
    height: 94px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
    
    /* The Magic Part: */
    background: 
        linear-gradient(#fff, #fff) padding-box, /* Inner background (white) */
        linear-gradient(155deg, #FF1080, #42C4FF) border-box !important; /* The SVG Gradient */
    
    padding: 4px !important;
    border: 1px solid transparent !important; /* Make border transparent so gradient shows */
    
    box-shadow: 0 8px 24px rgba(0, 132, 255, 0.15) !important;
    animation: ivr-avatar-pulse 2s infinite ease-in-out !important;
}
.ivr-avatar {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    background: #ffffff !important; /* Clean white background for Figma avatar */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.ivr-avatar-svg {
    width: 52px !important;
    height: 52px !important;
}
/* ── Static rings — always visible as concentric circles ── */
.ivr-ring {
    position: absolute !important;
    border-radius: 50% !important;
    background: transparent !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
    transition: opacity 0.3s ease, box-shadow 0.3s ease !important;
}
.ivr-ring-1 { width: 136px !important; height: 136px !important; border: 1.5px solid rgba(255, 16,  128, 0.30) !important; }
.ivr-ring-2 { width: 168px !important; height: 168px !important; border: 1.5px solid rgba(200, 40,  190, 0.24) !important; }
.ivr-ring-3 { width: 200px !important; height: 200px !important; border: 1.5px solid rgba(140, 70,  230, 0.20) !important; }
.ivr-ring-4 { width: 232px !important; height: 232px !important; border: 1.5px solid rgba(66,  140, 255, 0.18) !important; }
.ivr-ring-5 { width: 264px !important; height: 264px !important; border: 1.5px solid rgba(66,  196, 255, 0.15) !important; }

/* ── AI speaking — bright wave radiates outward ring by ring ── */
.ivr-ai-speaking .ivr-ring {
    animation: ivr-ai-wave 1.4s ease-in-out infinite !important;
}
.ivr-ai-speaking .ivr-ring-1 { animation-delay: 0s    !important; }
.ivr-ai-speaking .ivr-ring-2 { animation-delay: 0.20s !important; }
.ivr-ai-speaking .ivr-ring-3 { animation-delay: 0.40s !important; }
.ivr-ai-speaking .ivr-ring-4 { animation-delay: 0.60s !important; }
.ivr-ai-speaking .ivr-ring-5 { animation-delay: 0.80s !important; }

/* ── User speaking — softer symmetric pulse on all rings ── */
.ivr-user-speaking .ivr-ring {
    animation: ivr-user-wave 0.9s ease-in-out infinite alternate !important;
}
.ivr-user-speaking .ivr-ring-1 { animation-delay: 0s    !important; }
.ivr-user-speaking .ivr-ring-2 { animation-delay: 0.08s !important; }
.ivr-user-speaking .ivr-ring-3 { animation-delay: 0.16s !important; }
.ivr-user-speaking .ivr-ring-4 { animation-delay: 0.24s !important; }
.ivr-user-speaking .ivr-ring-5 { animation-delay: 0.32s !important; }

@keyframes ivr-avatar-pulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 8px 24px rgba(0, 132, 255, 0.15);
    }
    50% {
        transform: scale(1.06);
        box-shadow: 0 12px 36px rgba(255, 16, 128, 0.3), 0 0 0 4px rgba(66, 196, 255, 0.15);
    }
}

/* AI wave: rings expand outward in sequence with pink glow */
@keyframes ivr-ai-wave {
    0%   { transform: translate(-50%, -50%) scale(1);    opacity: 0.3;  box-shadow: none; }
    45%  { transform: translate(-50%, -50%) scale(1.10); opacity: 0.90; box-shadow: 0 0 12px rgba(255, 16, 128, 0.35); }
    100% { transform: translate(-50%, -50%) scale(1);    opacity: 0.3;  box-shadow: none; }
}

/* User wave: gentle symmetric breath with blue tint */
@keyframes ivr-user-wave {
    0%   { transform: translate(-50%, -50%) scale(1);    opacity: 0.3; }
    100% { transform: translate(-50%, -50%) scale(1.06); opacity: 0.65; }
}
.ivr-timer {
    font-size: 44px !important;
    font-weight: 800 !important;
    color: #101828 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 6px !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-variant-numeric: tabular-nums !important;
}
.ivr-status {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #64748B !important;
    margin-bottom: 30px !important;
    transition: all 0.2s ease !important;
}
.ivr-status-error {
    color: #EF4444 !important;
    font-weight: 600 !important;
}
.ivr-controls {
    display: flex !important;
    gap: 16px !important;
    width: 100% !important;
    justify-content: center !important;
    max-width: 280px !important;
}
.ivr-controls button {
    flex: 1 !important;
    padding: 12px 20px !important;
    border-radius: 24px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: all 0.2s ease !important;
    outline: none !important;
    border: 1px solid transparent !important;
}
.ivr-btn-mute {
    background: #ffffff !important;
    color: #344054 !important;
    border: 1px solid #D0D5DD !important;
}
.ivr-btn-mute:hover:not(:disabled) {
    background: #F8FAFC !important;
    border-color: #94A3B8 !important;
}
.ivr-btn-end {
    background: #F04438 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(240, 68, 56, 0.2) !important;
    white-space: nowrap !important;
}
.ivr-btn-end:hover:not(:disabled) {
    background: #D92D20 !important;
    box-shadow: 0 6px 16px rgba(240, 68, 56, 0.35) !important;
}
.ivr-controls button:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}
.ivr-icon {
    flex-shrink: 0 !important;
}
.ivr-full-screen-footer {
    padding: 12px !important;
    border-top: 1px solid #F1F5F9 !important;
    background: #ffffff !important;
    flex-shrink: 0 !important;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* ── IVR Counselor Connecting Card (Figma UI style) ── */

/* Expand chat bubble to fill width and style correctly for connecting card */
#__eedivChatMain .chatreply:has(.ivr-connecting-card) {
    max-width: calc(100% - 24px) !important;
    width: calc(100% - 24px) !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* Use 50% width when in Expand Mode */
#__eedivChatMain #__eemessageWindow.expandedchat > .chatreply:has(.ivr-connecting-card),
#__eedivChatMain #historyPreviousChat.expandedchat > .chatreply:has(.ivr-connecting-card) {
    max-width: 50% !important;
    width: 50% !important;
}

#__eedivChatMain .chatreply:has(.ivr-connecting-card) .reply_content {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

/* Suppress the animated gradient border on the connecting card bubble */
#__eedivChatMain .chatreply:last-of-type:has(.ivr-connecting-card) .reply_content::before,
#__eedivChatMain .chatreply:last-of-type:has(.ivr-connecting-card) .reply_content::after {
    content: none !important;
    display: none !important;
    animation: none !important;
}

.ivr-connecting-card {
    background: transparent !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 6px !important;
    padding: 16px !important;
    text-align: center !important;
    margin: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.ivr-connecting-image {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.ivr-connecting-image img {
    max-width: 100% !important;
    height: auto !important;
    max-height: 220px !important;
    display: block !important;
}

.ivr-connecting-text {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #4A5568 !important;
    margin: 0 !important;
    letter-spacing: -0.1px !important;
}

@keyframes ivrPulseCard {
    0% {
        transform: scale(1);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    }
    50% {
        transform: scale(1.015);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    }
}

/*
  Desktop-first with max-width
  Base = large screens; each @media tightens layout for smaller widths.
*/

/* -------------------------------------------------------------------------- */
/* Base: large desktops (no max-width — your default "full" layout)          */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* Wide desktops down to ~1536px                                              */
/* -------------------------------------------------------------------------- */
@media (max-width: 1536px) {
}


/* -------------------------------------------------------------------------- */
/* Desktops / large laptops (~1280px and below)                               */
/* -------------------------------------------------------------------------- */
@media (max-width: 1280px) {
}


/* -------------------------------------------------------------------------- */
/* Vidya AI carousel "More prompts" full panel                                */
/* -------------------------------------------------------------------------- */
#__eedivChatMain #vidyaai-carousel-more-prompts-panel {
    display: none;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: 100%;
    box-sizing: border-box;
    background: #fff;
    font-family: var(--ee-user-font-family, "Segoe UI", sans-serif);
    overflow: hidden;
}

#__eedivChatMain #__eechatWindow.vidyaai-carousel-more-prompts-panel-open #vidyaai-carousel-more-prompts-panel {
    display: flex !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-carousel-more-prompts-panel-open #floatingContainer,
#__eedivChatMain #__eechatWindow.vidyaai-carousel-more-prompts-panel-open #previousChats,
#__eedivChatMain #__eechatWindow.vidyaai-carousel-more-prompts-panel-open #historyPreviousChat,
#__eedivChatMain #__eechatWindow.vidyaai-carousel-more-prompts-panel-open #__eemessageWindow,
#__eedivChatMain #__eechatWindow.vidyaai-carousel-more-prompts-panel-open #promptCarouselWithButtons,
#__eedivChatMain #__eechatWindow.vidyaai-carousel-more-prompts-panel-open #vidyaaiFigmaSearchHost,
#__eedivChatMain #__eechatWindow.vidyaai-carousel-more-prompts-panel-open #searchBox,
#__eedivChatMain #__eechatWindow.vidyaai-carousel-more-prompts-panel-open #vidyaSearchBox,
#__eedivChatMain #__eechatWindow.vidyaai-carousel-more-prompts-panel-open #vidyaone,
#__eedivChatMain #__eechatWindow.vidyaai-carousel-more-prompts-panel-open #allPromptsList {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-carousel-more-prompts-panel-open .ee-chat-date-overlay-host {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

#__eedivChatMain #__eechatWindow.vidyaai-carousel-more-prompts-panel-open #eeChatBotChatWindow {
    display: block !important;
    height: calc(100% - 64px) !important;
}

#__eedivChatMain #promptCarousel .vidyaai-carousel-more-btn {
    font-weight: 500;
}

.vidyaai-carousel-more-prompts-search-wrap {
    flex: 0 0 auto;
    padding: 12px 16px 8px;
    border-bottom: 1px solid #e5e7eb;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 2;
}

.vidyaai-carousel-more-prompts-search {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px 10px 36px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    color: var(--ee-text-dark);
    background: #f9fafb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242 1.06a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E") no-repeat 12px center;
}

.vidyaai-carousel-more-prompts-search:focus {
    outline: none;
    border-color: var(--ee-chat-bot-button-color, #2563eb);
    background-color: #fff;
}

@media (max-width: 767px) {
    .vidyaai-carousel-more-prompts-search {
        font-size: 16px;
    }
}

.vidyaai-carousel-more-prompts-body {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 8px 0 26px;
    -webkit-overflow-scrolling: touch;
}

.vidyaai-carousel-more-prompts-flat-list {
    list-style: none;
    margin: 0;
    padding: 0 16px;
}

.vidyaai-carousel-more-prompts-flat-list li {
    margin: 0 0 8px;
}

.vidyaai-carousel-more-prompts-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    text-align: left;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.4;
    color: var(--ee-text-dark);
}

.vidyaai-carousel-more-prompts-item:hover {
    border-color: var(--ee-chat-bot-button-color, #2563eb);
    background: #f8fafc;
}

.vidyaai-carousel-more-prompts-item img {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    margin-top: 2px;
}
section.vidyaai-carousel-more-prompts-category {
    border-bottom: 1px solid #f3f4f6;
    padding: 0px !important;
}

.vidyaai-carousel-more-prompts-category-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 16px;
    border: none;
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    color: var(--ee-text-dark);
    cursor: pointer;
    text-align: left;
}

.vidyaai-carousel-more-prompts-category-header:hover {
    background: #f9fafb;
}

.vidyaai-carousel-more-prompts-category-chevron {
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--ee-text-dark);
    border-bottom: 2px solid var(--ee-text-dark);
    transform: rotate(45deg);
    transition: transform 0.2s ease;
    flex-shrink: 0;
    margin-left: 12px;
}

.vidyaai-carousel-more-prompts-category.is-expanded .vidyaai-carousel-more-prompts-category-chevron {
    transform: rotate(-135deg);
}

.vidyaai-carousel-more-prompts-category-body {
    display: none;
    padding: 4px 16px 12px;
}

.vidyaai-carousel-more-prompts-category.is-expanded .vidyaai-carousel-more-prompts-category-body {
    display: block;
}

.vidyaai-carousel-more-prompts-category-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.vidyaai-carousel-more-prompts-category-list li {
    margin: 0 0 8px;
}

.vidyaai-carousel-more-prompts-body.is-search-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.vidyaai-carousel-more-prompts-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 32px 24px;
    text-align: center;
    color: var(--ee-text-dark);
    box-sizing: border-box;
}

.vidyaai-carousel-more-prompts-empty-search {
    flex: 1 1 auto;
    min-height: 240px;
}

.vidyaai-carousel-more-prompts-empty-illustration {
    display: block;
    width: min(269px, 100%);
    height: auto;
    margin: 0 auto 20px;
}

.vidyaai-carousel-more-prompts-empty-text {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #6b7280;
}

.vidyaai-carousel-more-prompts-category.is-search-match .vidyaai-carousel-more-prompts-category-header {
    background: #f0f9ff;
}

.vidyaai-carousel-more-prompts-search-highlight {
    background-color: #fef08a;
    color: inherit;
    padding: 0 1px;
    border-radius: 2px;
    font-weight: inherit;
}

/* -------------------------------------------------------------------------- */
/* Small laptops / tablets landscape (~1024px and below)                      */
/* -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
}


/* -------------------------------------------------------------------------- */
/* Tablets (~768px and below)                                                */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
}


/* -------------------------------------------------------------------------- */
/* Large phones (~640px and below)                                            */
/* -------------------------------------------------------------------------- */
@media (max-width: 640px) {

}

@media (prefers-reduced-motion: reduce) {
    #__eedivChatMain .chatCopyright .chat-conversation-end.chat-conversation-end-enter,
    #__eedivChatMain .chatCopyright .chat-conversation-end.chat-conversation-end-exit,
    #__eedivChatMain .chatCopyright .chat-conversation-end.chat-conversation-end-enter .end-msg,
    #__eedivChatMain .chatCopyright .chat-conversation-end.chat-conversation-end-enter .chat-conversation-end-buttons,
    #__eedivChatMain #__eechatWindow .background-shadow-screen.ee-overlay-enter,
    #__eedivChatMain #__eechatWindow .confirmation-popup.ee-panel-enter,
    #__eedivChatMain #welcomePage.vidyaai-postlead-welcome-page,
    #__eedivChatMain #floatingContainer,
    #__eemessageWindow .ongoing-chat-older-loader {
        animation: none !important;
    }

    #__eedivChatMain #promptCarouselWithButtons,
    #__eedivChatMain #vidyaSearchBox,
    #__eedivChatMain #searchBox {
        transition: none !important;
    }
}

.ivr-nav-disabled {
    opacity: 0.35 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

#__eedivChatMain *::-webkit-scrollbar {
    width: 6px !important;
}

#__eedivChatMain *::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4) !important;
    border-radius: 50px !important;
}

#__eedivChatMain *::-webkit-scrollbar-track {
    background: transparent;
}