/* Compact spacing for transcript entries */

/* Reduce overall transcript entry spacing */
.transcript-entry {
    margin-bottom: 0.5rem !important; /* Reduced from 1.25rem */
    padding: 0 !important;
}

/* Compact the speaker header */
.transcript-speaker {
    padding: 0.125rem 0 !important; /* Minimal vertical padding */
    margin-bottom: 0.125rem !important; /* Reduced from 0.25rem */
    gap: 0.25rem !important; /* Reduce gap between elements */
}

/* Reduce content wrapper padding */
.transcript-content-wrapper {
    padding-left: 1rem !important; /* Reduced from 1.5rem */
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Compact the transcript text box */
.transcript-text {
    padding: 0.375rem 0.5rem !important; /* Reduced from 0.625rem */
    margin: 0 !important;
    min-height: auto !important; /* Remove minimum height */
}

/* Reduce the transcript panel body padding */
.transcript-panel-body {
    padding: 0.5rem !important; /* Reduced from default */
}

/* Compact the embedded transcript body */
#embeddedTranscriptBody {
    padding: 0.5rem !important; /* Reduced from 0.75rem (p-3) */
}

/* Reduce line height for tighter spacing */
.transcript-text div {
    line-height: 1.4 !important; /* Reduced from 1.6 */
}

/* Reduce icon sizes slightly to match compact layout */
.transcript-speaker i {
    font-size: 0.875rem !important; /* Slightly smaller icons */
}

/* Ensure timestamp doesn't add extra spacing */
.transcript-timestamp {
    margin: 0 !important;
    padding: 0 !important;
}

/* Compact the action buttons */
.transcript-entry-actions {
    gap: 2px !important; /* Minimal gap between buttons */
    margin-left: 0 !important;
}

.transcript-entry-action-btn {
    width: 20px !important; /* Smaller buttons */
    height: 20px !important;
    padding: 0 !important;
}

/* Override any font-size-hierarchy margins */
.transcript-entry.transcript-entry {
    margin-bottom: 0.5rem !important;
}

/* Ensure the border doesn't add extra space */
.transcript-text.officer,
.transcript-text.complainant {
    border-width: 1px !important;
    border-left-width: 2px !important; /* Thinner accent border */
}