@import '_content/Wcs.Blazor/Wcs.Blazor.gn8jkl5g90.bundle.scp.css';

/* _content/Wcs.Apps.StudentFunding/Components/Layout/AICodingAssistant.razor.rz.scp.css */
/* AI Assistant Box */

#ai-assistant[b-d8tqnxjbmo] {
    position: absolute;
    bottom: 64px;
    left: 9px;
    width: 188px;
    border: 1px solid transparent;
    border-radius: 11px;
    padding: 5px 16px;
    background: linear-gradient(var(--kendo-color-surface), var(--kendo-color-surface)) padding-box, linear-gradient(114deg, #4b5ffa 0%, #c158e4 93%) border-box;
}

    #ai-assistant[b-d8tqnxjbmo]::before {
        content: "";
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: .18;
        background: url(ai-circle.png) center center no-repeat;
        background-size: cover;
    }

    #ai-assistant h4[b-d8tqnxjbmo],
    #ai-assistant > p[b-d8tqnxjbmo],
    #ai-assistant > a[b-d8tqnxjbmo] {
        position: relative;
        padding-left: 41px;
        z-index: 2;
    }

    #ai-assistant h4[b-d8tqnxjbmo] {
        position: relative;
        margin: 0 0 .3em;
        font-size: 20px;
        line-height: 1.4;
        font-weight: 500;
    }

    #ai-assistant .k-icon[b-d8tqnxjbmo] {
        position: absolute;
        left: 0;
        top: 0;
        color: #4b5ffa;
    }

    #ai-assistant > a[b-d8tqnxjbmo] {
        color: #a75ae9;
        text-decoration: none;
    }

        #ai-assistant > a:hover[b-d8tqnxjbmo] {
            text-decoration: underline;
        }
/* _content/Wcs.Apps.StudentFunding/Components/Layout/MainLayout.razor.rz.scp.css */
.chat-popup-shell[b-m7ahu7k749] {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
    background: var(--kendo-color-surface, #fff);
}

.chat-popup-header[b-m7ahu7k749] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

.chat-popup-body[b-m7ahu7k749] {
    height: calc(min(70vh, 520px) - 46px);
    overflow: hidden;
}

@media (max-width: 600px) {
    .chat-popup-shell[b-m7ahu7k749] {
        width: 92vw;
        height: 70vh;
    }
}