/* Additional Scrolling Fixes */

/* Ensure body doesn't scroll */
body {
    overflow: hidden !important;
    height: 100vh !important;
}

/* Dashboard container takes full height */
.dashboard-container {
    height: 100vh !important;
    display: flex;
    flex-direction: column;
    overflow: hidden !important;
}

/* Header has fixed height */
.dashboard-header {
    flex-shrink: 0;
    height: 70px;
}

/* Content area fills remaining space */
.dashboard-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden !important;
}

/* Conversations section structure */
.conversations-section {
    height: 100%;
    display: flex;
    flex-direction: row;
    overflow: hidden !important;
}

/* Sidebar takes full height */
.conversations-sidebar {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden !important;
}

/* Header doesn't shrink */
.sidebar-header {
    flex: 0 0 auto;
}

/* List takes remaining space and scrolls */
.conversations-list {
    flex: 1 1 auto;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    min-height: 0;
}

/* Transcript panel also fixed */
.transcript-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden !important;
    height: 100%;
}

.transcript-content {
    flex: 1 1 auto;
    overflow-y: auto !important;
    min-height: 0;
}

/* No conversations message doesn't affect scrolling */
.no-conversations {
    position: relative;
}