/* Direct CRM application-specific styles.
   Layout, typography and controls come from Tabler. */

.gc-chat-shell {
    height: calc(100vh - 8rem);
    height: calc(100dvh - 8rem);
    min-height: 32rem;
    overflow: hidden;
}

.gc-chat-layout,
.gc-chat-panel,
.gc-chat-list,
.gc-chat-messages {
    min-height: 0;
}

.gc-chat-layout,
.gc-chat-panel {
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

.gc-chat-list,
.gc-chat-messages {
    overflow-y: auto;
}

.gc-chat-message .chat-bubble {
    overflow-wrap: anywhere;
}

.gc-chat-input {
    max-height: 9.375rem;
    resize: none;
    overflow-y: auto;
}

.file-preview img {
    max-width: 100%;
    max-height: 300px;
    border-radius: var(--tblr-border-radius);
}

.audio-player-container audio {
    width: 100%;
}

.gc-lead-row {
    padding: 1rem 1.25rem;
}

.gc-lead-row-success {
    box-shadow: inset 3px 0 0 var(--tblr-success);
}

@media (max-width: 767.98px) {
    .gc-chat-shell {
        height: calc(100vh - 6rem);
        height: calc(100dvh - 6rem);
        min-height: 0;
    }

    .gc-lead-row {
        padding: .875rem 1rem;
    }
}