/* Unified container fix for after-call view */

/* In after-call mode, remove the inner flex column container from playback content */
body.after-call-mode #playbackContent > .flex.flex-col.h-full.overflow-x-hidden {
    display: contents !important;
}

/* Ensure the parent container maintains proper flex layout */
body.after-call-mode #playbackContent {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    overflow: hidden !important;
}

/* Adjust child elements to work with the unified container */
body.after-call-mode #playbackContent .complainant-video-section,
body.after-call-mode #playbackContent .video-section,
body.after-call-mode #playbackContent .data-points-section,
body.after-call-mode #playbackContent .playback-controls {
    /* Ensure proper sizing within the unified container */
    flex-shrink: 0;
}

/* Make video sections flexible */
body.after-call-mode #playbackContent > div[style*="flex: 1 1 0%"] {
    flex: 1 1 0%;
    min-height: 0;
}

/* Ensure data points and controls don't grow */
body.after-call-mode #playbackContent .data-points-section,
body.after-call-mode #playbackContent .playback-controls {
    flex: 0 0 auto;
}