/* Push UP the editor area by 7px to make icons visible */
.tk-editor,
.sb-editor {
    position: relative !important;
    top: -7px !important;
    margin-bottom: 0px !important;
}

/* Add specific margins for conversation editor */
.tk-board .tk-conversation .tk-editor,
.sb-board .sb-conversation .sb-editor {
    flex-shrink: 0 !important;
    margin: 0px 2px 2px 2px !important;
    top: -7px !important;
    bottom: auto !important;
}

/* Ensure the editor stays at the bottom but pushed up */
.tk-chat .tk-editor,
.sb-chat .sb-editor {
    position: relative !important;
    top: -7px !important;
    bottom: auto !important;
    background: white !important;
    border-top: 1px solid #e0e0e0 !important;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.05) !important;
}

/* Admin area specific editor positioning */
.tk-admin .tk-editor,
.sb-admin .sb-editor,
.tk-area-conversations .tk-editor,
.sb-area-conversations .sb-editor {
    position: relative !important;
    top: -7px !important;
    bottom: auto !important;
    margin: 0px 2px 0px 2px !important;
}

/* Make sure the conversation area adjusts for the dropped editor */
.tk-conversation,
.sb-conversation {
    padding-bottom: 50px !important;
}

/* Keep the bar under the textarea - NOT absolute */
.tk-editor .tk-bar,
.sb-editor .sb-bar {
    position: relative !important;
    margin-top: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Give send button nice spacing */
.tk-editor .tk-icon-send,
.sb-editor .sb-icon-send {
    margin-left: 15px !important;
    margin-right: 5px !important;
    padding: 0 12px !important;
}

/* Keep the textarea and other elements properly positioned */
.tk-editor .tk-textarea,
.sb-editor .sb-textarea {
    position: relative !important;
}

/* Smooth transition when editor appears/disappears */
.tk-editor,
.sb-editor {
    transition: top 0.2s ease, margin 0.2s ease !important;
}