/* composer but its smaller */

/* discord's own theme hooks */
[class*="channelTextArea_"] {
    --custom-channel-textarea-text-area-height: 38px !important;
    --chatbar-height: 38px !important;
}

/* form wrapper, scoped via :has so settings/modals aren't hit */
form[class*="form_"]:has([class*="channelTextArea_"]) {
    margin-top: 0 !important;
}

/* rounded box + inner row */
[class*="channelTextArea_"] [class*="scrollableContainer_"] {
    min-height: 38px !important;
}

[class*="channelTextArea_"] [class*="inner_"] {
    min-height: 38px !important;
    align-items: center !important;
}

/* plus button: 3+32+3 = 38, margin-right 10->3 makes the gap symmetric */
[class*="channelTextArea_"] [class*="attachWrapper_"] {
    padding: 3px 6px !important;
}

[class*="channelTextArea_"] [class*="attachButton_"] {
    margin: 0 3px 0 -12px !important;
}

/* beat the JS inline height, recenter text: 8+22+8 = 38 */
[class*="channelTextArea_"] [class*="textArea_"] {
    height: auto !important;
    min-height: 38px !important;
}

[class*="channelTextArea_"] [class*="slateTextArea_"] {
    padding: 8px 0 !important;
    min-height: 22px !important;
    height: auto !important;
    line-height: 22px !important;
}

/* right-side buttons */
[class*="channelTextArea_"] [class*="buttons_"] {
    align-items: center !important;
}

/* ===== dead space above composer ===== */

[class*="scrollerSpacer_"] {
    height: 6px !important;
}

/* ===== kill typing indicator (text + dots) ===== */

form[class*="form_"]:has([class*="channelTextArea_"]) [class*="typing"] {
    display: none !important;
}

/* ===== bottom fade on message list ===== */

[class*="messagesWrapper_"] [class*="scroller_"] {
    mask-image: none !important;
    -webkit-mask-image: none !important;
}