/* Fix header height to prevent input disappearing */
#chat_head, #header2, #header_full {
    min-height: 40px !important;
    height: auto !important;
    overflow: visible !important;
}



/* Remove individual borders from chat container */
#show_chat, #warp_show_chat {
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Remove individual borders from input area */
#main_input, #container_input, #main_load, #main_disabled {
    border: none !important;
    border-radius: 20px !important;
    margin: 0px 0 8px 0 !important;
    padding: 1px !important;
    background: transparent !important;
    box-shadow: none !important;
    min-height: 50px !important;
    height: auto !important;
}

/* Chat input field styling */
#content, #message_content {
    border: none !important;
    background: transparent !important;
    border-radius: 20px !important;
    padding: 6px 10px !important;
    min-height: 24px !important;
    height: auto !important;
    line-height: 1.4em !important;
    font-size: 16px !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Submit button with matching style */
#submit_button {
    border-radius: 20px !important;
    background: #7c4dff !important;
    color: white !important;
    border: none !important;
    margin: 2px !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}

#submit_button:hover {
    background: #5c2ddf !important;
    transform: scale(1.05) !important;
    box-shadow: none !important;
}

/* Purple chat bubbles design - only message text in bubbles */
.ch_logs {
    background: transparent !important;
    border: none !important;
    padding: 8px 12px !important;
    margin-bottom: 8px !important;
}

/* Remove bubble styling from main container */
.my_text {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 4px 0 !important;
    box-shadow: none !important;
    border: none !important;
    position: relative !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
}

/* Remove chat bubble tail */
.my_text::after {
    display: none !important;
}

/* Username styling - outside bubble */
.my_text .username {
    color: #7c4dff !important;
    font-weight: bold !important;
    font-size: 12px !important;
    margin-bottom: 4px !important;
    display: inline-block !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    vertical-align: baseline !important;
}

/* Rank icon alignment with username */
.chat_rank {
    display: inline-block !important;
    vertical-align: baseline !important;
    margin-right: 3px !important;
}

/* Username and rank container */
.my_text .username,
.chat_rank {
    line-height: 12px !important;
}

/* Message text styling - only this gets bubble */
.chat_message {
    background: #e6d7ff !important; /* Very light purple */
    border-radius: 18px !important;
    padding: 12px 16px !important;
    margin: 4px 0 !important;
    box-shadow: none !important;
    border: none !important;
    color: #4a148c !important;
    line-height: 1.4em !important;
    font-size: 14px !important;
    display: inline-block !important;
    max-width: 70% !important;
    word-wrap: break-word !important;
    position: relative !important;
}

/* Remove bubble tail from message text */
.chat_message::after {
    display: none !important;
}

/* Alternative bubble for different users */
.other_logs .chat_message {
    background: #f0ebff !important; /* Even lighter purple */
    border: none !important;
}

.other_logs .chat_message::after {
    display: none !important;
}

/* Avatar positioning - outside bubble */
.chat_avatar {
    align-self: flex-start !important;
    margin-top: 8px !important;
}

/* System messages styling */
.sys_log {
    background: #f3e5f5 !important;
    border-radius: 12px !important;
    padding: 8px 12px !important;
    margin: 4px auto !important;
    max-width: 80% !important;
    text-align: center !important;
    border: 1px solid #e1bee7 !important;
}

/* Fix for top element positioning to prevent layout shift */
#chat_toping {
    position: relative !important;
    z-index: 10 !important;
}

/* Ensure menus don't affect layout flow */
#private_menu, #notification_menu, #friends_menu {
    position: absolute !important;
    z-index: 202 !important;
}

.sys_log .chat_system {
    color: #7b1fa2 !important;
    font-size: 12px !important;
}

/* Private message bubbles - only message text */
.hunter_private, .target_private {
    background: #e6d7ff !important;
    border: none !important;
    border-radius: 18px !important;
    padding: 12px 16px !important;
    margin: 4px 0 !important;
    box-shadow: none !important;
    color: #4a148c !important;
}

.target_private {
    background: #f0ebff !important;
    border: none !important;
}

/* Quote styling - only quoted message */
.cquote {
    background: #e1bee7 !important;
    border-left: 3px solid #9c27b0 !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    margin: 4px 0 !important;
}

.cqname {
    color: #7b1fa2 !important;
    font-weight: bold !important;
}

.cqmess {
    background: #e1bee7 !important;
    border-radius: 8px !important;
    padding: 6px 10px !important;
    color: #4a148c !important;
    display: inline-block !important;
}

#warp_show_chat { height:70%; overflow:hidden;}