/* AI 상담 창 스타일 */
    .ai-chat-container {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 85px;
        border-radius: 10px;
        background-color: #FDFDFD;
        box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2);
        display: flex;
        flex-direction: column;
        padding: 0px;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
    }

    /* 채팅창 스타일 */
    .chat-box {
        min-height: 100%;
        padding: 20px;
        padding-bottom: 100px;
    }

    .chat-message {
        display: flex;
        margin-bottom: 10px;
    }
    .chat-bubble
    {
        margin-bottom: 10px;
    }

    .chat-message.user {
        justify-content: flex-end;
    }

    .chat-message.ai {
        justify-content: flex-start;
    }

    .chat-bubble {
        max-width: 70%;
        padding: 10px;
        border-radius: 12px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        font-size: 15px;
    }

    .chat-bubble.user {
        background-color: #bdbdbd;
        color: white;
        border-bottom-right-radius: 0;
    }

    .chat-bubble.ai {
        background-color: #d6e1ef;
        color: #333;
        border-bottom-left-radius: 0;
    }

    /* 입력 필드 스타일 */
    .chat-input {
        display: flex;
        margin-top: 10px;
    }

    .chat-input input {
        flex-grow: 1;
        padding: 10px;
        border: 1px solid #ddd !important;
        border-radius: 4px;
        font-size: 15px;
        outline: none !important;
    }

    .chat-input button {
        margin-left: 10px;
        background-color: rgb(139, 179, 232);
        color: white;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    .chat-input button:hover {
        background-color: rgb(100, 150, 200);
    }

    /* 스크롤바 스타일 */
    .chat-box::-webkit-scrollbar {
        width: 8px;
    }

    .chat-box::-webkit-scrollbar-thumb {
        background-color: rgba(139, 179, 232, 0.7);
        border-radius: 4px;
    }

    .ai-spinner {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }