.chat-widget {
    z-index: 999999 !important;
    bottom: 3rem !important;
}

.chat-icon {
    width:5rem !important;
    height:5rem !important;
}

.chat-popup {
    height: calc(100vh - 200px) !important;
}

.header-chat-text {
    color: transparent !important;
    font-size: 0 !important;
    position: relative !important;
    white-space: nowrap !important;
}

/*.chat-welcome {
    color: transparent !important;
    font-size: 0 !important;
    position: relative !important;
    white-space: pre-wrap !important;
}

.chat-welcome::after {
    content: "\A\AHi I'm Albert!\A\AI'm new here, but I'm being trained to answer all of your Alberta apprenticeship related questions.\A\ALet's chat about what brought you here today, and if I can't help I'll get you in touch with someone who can!" !important;
    color: black !important;
    font-size: 1rem !important;
    white-space: pre-wrap !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}*/

.header-chat-text::before {
    content: "Albert";
    font-weight: bold;
    font-size: 1rem;
    color: black;
}

.header-chat-text::after {
    content: " (AI Apprenticeship Expert)";
    font-size: 0.75rem;
    margin-left: 0.3em;
    color: black;
}

.message-type {
    font-family: 'Helvetica Neue LT Std Roman', sans-serif !important;
}

.user-message,
.assistant-message {
    font-size: 0.85rem !important;
    line-height: 1.4rem !important;
    padding: 15px 20px !important;
    gap: 0.6rem !important;
}

.user-message p,
.assistant-message p,
.user-message ol,
.assistant-message ol,
.user-message ul,
.assistant-message ul {
    margin-bottom: 0 !important;
}

.user-message ol,
.assistant-message ol,
.user-message ul,
.assistant-message ul {
    padding-left: 30px !important;
}

.message-container {
    margin-bottom: 0 !important;
}

.message-timestamp {
    font-size: 0.75rem !important;
    margin-bottom: 10px !important;
}