:root {
    /* Tek Juice - light orange tech theme */
    --chat--color-primary: #FFE48E !important;
    --chat--color-primary-shade-50: #FFDB6D !important;
    --chat--color-primary-shade-100: #F2C94C !important;
    --chat--color-white: #FFFFFF !important;
    --chat--color-light: #FFFFFF !important;
    --chat--color-light-shade-50: #FFFDF7 !important;
    --chat--color-light-shade-100: #FFF7E0 !important;
    --chat--color-medium: #9C8546 !important;
    --chat--color-dark: #4A3F1F !important;
    --chat--color-disabled: #D3CBB8 !important;
    --chat--color-typing: #9C8546 !important;

    --chat--header--background: #FFFFFF !important;
    --chat--header--color: #4A3F1F !important;

    --chat--message--bot--background: #FFFDF7 !important;
    --chat--message--bot--color: #4A3F1F !important;
    --chat--message--user--background: #FFE48E !important;
    --chat--message--user--color: #000000 !important;
    --chat--message--pre--background: rgba(0, 0, 0, 0.04) !important;

    --chat--textarea--height: 60px !important;
    --chat--border-radius: 1.2rem !important;
}

/* Input area */
.chat-widget-input-container {
    margin-bottom: 12px !important;
}
.chat-widget-input {
    border-radius: 18px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    background-color: #FFFFFF !important;
    color: #4A3F1F !important;
    border: 1px solid #FFDB6D !important;
}
.chat-widget-input::placeholder {
    color: #9C8546 !important;
}

/* Message bubbles */
.chat-message {
    border-radius: 1.2rem !important;
    padding: 12px 16px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    position: relative !important;
    padding-left: 52px !important;
}
.chat-widget {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
    border-radius: 1.2rem !important;
    background-color: #FFFFFF !important;
    color: #4A3F1F !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif !important;
    font-size: 10px !important;
}
.chat-widget-header {
    border-top-left-radius: 1.2rem !important;
    border-top-right-radius: 1.2rem !important;
}

/* Buttons */
.chat-widget button {
    border-radius: 18px !important;
    transition: all 0.2s ease !important;
    background-color: #FFE48E !important;
    color: #4A3F1F !important;
}

/* Chat body */
.chat-widget-body {
    background-color: #FFFDF7 !important;
}

/* Avatar */
.chat-avatar {
    background-image: url('https://kyaligonzawarren.standardintern.com/storage/tekjuice.jpeg') !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    position: absolute !important;
    left: 8px !important;
    top: 8px !important;
    border: 2px solid #FFFFFF !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}
.chat-avatar::before {
    content: none !important;
}
.chat-message-user {
    padding-right: 52px !important;
    padding-left: 16px !important;
}
.chat-message-user .chat-avatar {
    left: auto !important;
    right: 8px !important;
}
.chat-message-time {
    color: #9C8546 !important;
}
.chat-message pre {
    background-color: #FFF7E0 !important;
    color: #4A3F1F !important;
    border: 1px solid #FFE48E !important;
}
.chat-message a {
    color: #F2C94C !important;
}
.chat-message::before {
    content: "";
    background-image: url('https://kyaligonzawarren.standardintern.com/storage/tekjuice.jpeg') !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    position: absolute !important;
    left: 8px !important;
    top: 8px !important;
    border: 2px solid #FFFFFF !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}
.chat-message-user::before {
    left: auto !important;
    right: 8px !important;
}