/* Desktop chat geometry: keep the message viewport directly under the main
   header row while the search control floats over the chat surface. */
@media (min-width: 769px) {
    #chatView #chatHeader.chat-header {
        flex: 0 0 64px !important;
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    /* Restore the quiet header divider that frames the rounded chat surface. */
    #chatView #chatHeader.chat-header::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: 63px !important;
        left: 20px !important;
        right: 20px !important;
        width: auto !important;
        height: 1px !important;
        margin: 0 !important;
        background: var(--logicum-border, var(--border-color, rgba(255, 255, 255, 0.08))) !important;
        pointer-events: none !important;
    }

    /* The active conversation owns the full area below the 64px header row. */
    #chatView .chat-main-area:not(.is-empty) > .chat-messages {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        padding-top: 12px !important;
    }

    /* This control is a mobile-style affordance and must not appear on PC. */
    #chatView > #chatSidebarToggleBtn {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}