/* Drop down the editor area by 52px (opposite of lifting) */
.tk-editor,
.sb-editor {
    position: relative !important;
    top: 52px !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: 52px !important;
    bottom: auto !important;
}

/* Ensure the editor stays at the bottom but dropped down */
.tk-chat .tk-editor,
.sb-chat .sb-editor {
    position: relative !important;
    top: 52px !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: 52px !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: 70px !important; /* More space since editor dropped 40px */
}

/* Ensure editor components stay properly aligned */
.tk-editor .tk-bar,
.sb-editor .sb-bar {
    position: relative !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;
}