/* Mirror the main sidebar shell on the clarification panel. */
.side-chat-panel {
    border-radius: 18px 0 0 18px !important;
    isolation: isolate !important;
    /* Keep the clarification drawer edge crisp against the chat. */
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* The composer shell should read as a rectangular text field, not a pill. */
.side-chat-panel .side-chat-input-area,
.side-chat-panel .side-chat-input-area:hover,
.side-chat-panel .side-chat-input-area:focus-within,
.side-chat-panel .side-chat-input-area.is-listening {
    border-radius: 4px !important;
}

/* Match the 64px top row used by the main chat header, without an inner divider. */
.side-chat-panel .side-chat-header {
    height: 64px !important;
    min-height: 64px !important;
    box-sizing: border-box !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 18px 0 0 0 !important;
    background: transparent !important;
}

.side-chat-panel .side-chat-header::before,
.side-chat-panel .side-chat-header::after {
    display: none !important;
    content: none !important;
}

@media (max-width: 768px) {
    .side-chat-panel .side-chat-header {
        height: 58px !important;
        min-height: 58px !important;
        padding: 0 14px !important;
    }
}