/* Font Size Hierarchy for Better Readability */

/* Base font size for the entire application */
body {
    font-size: 16px !important; /* Base size - reduced back to standard */
}

/* Headers - One step up from primary content */
h1 { font-size: 1.75rem !important; } /* 28px - reduced from 32px */
h2 { font-size: 1.5rem !important; }  /* 24px - reduced from 28px */
h3 { font-size: 1.25rem !important; } /* 20px - reduced from 24px */
h4 { font-size: 1.125rem !important; } /* 18px - reduced from 20px */

/* Primary Content - Normal/Medium size */
.transcript-text,
.transcript-text div,
.chat-message,
.search-result-content,
.highlights-content,
.pinned-note-text,
.annotation-text,
.report-content,
.acme-card p,
.tab-content p {
    font-size: 1rem !important; /* 16px - reduced from 18px */
    line-height: 1.6 !important;
}

/* Section Headers and Important Labels */
.section-header,
.card-header,
.tab-header,
.insights-section-header,
.transcript-speaker span,
.highlights-section-title {
    font-size: 1.125rem !important; /* 18px - reduced from 20px */
    font-weight: 500 !important;
}

/* Tab Buttons - Should be readable */
.tab-button,
.main-tab-button,
.postcall-tab-button,
.highlights-subtab-button,
.profiler-tab-button,
.search-subtab-button {
    font-size: 0.9375rem !important; /* 15px - reduced from 16px */
}

/* Secondary Information - One step down */
.transcript-timestamp,
.chat-timestamp,
.metadata,
.subtitle,
.helper-text,
.status-text,
.badge,
.tag,
.footnote,
.version-info,
.build-info {
    font-size: 0.875rem !important; /* 14px - secondary info */
}

/* Tertiary Information - Two steps down */
.tooltip,
.micro-text,
.copyright,
.technical-info,
.debug-info {
    font-size: 0.75rem !important; /* 12px - least important */
}

/* Buttons - Readable but not overwhelming */
.acme-button,
.acme-button-primary,
.acme-button-secondary,
button:not(.transcript-entry-action-btn) {
    font-size: 0.9375rem !important; /* 15px - reduced from 16px */
    font-weight: 500 !important;
}

/* Special adjustments for transcript entries */
.transcript-entry {
    margin-bottom: 1.25rem !important; /* More breathing room */
}

.transcript-speaker {
    font-size: 1rem !important; /* 16px for speaker names - reduced from 18px */
    margin-bottom: 0.25rem !important;
}

.transcript-speaker i {
    font-size: 1rem !important; /* Match speaker text */
}

/* Chat input and search input */
.chat-input,
.search-input,
input[type="text"],
input[type="search"],
textarea {
    font-size: 1rem !important; /* 16px - reduced from 18px */
}

/* Footer text should remain small */
.footer-bar,
.footer-bar * {
    font-size: 0.75rem !important; /* 12px - footer stays compact */
}

/* Fix specific Tailwind overrides */
.text-xs { font-size: 0.75rem !important; } /* 12px - reduced from 14px */
.text-sm { font-size: 0.875rem !important; } /* 14px - reduced from 16px */
.text-base { font-size: 1rem !important; } /* 16px - reduced from 18px */
.text-lg { font-size: 1.125rem !important; } /* 18px - reduced from 20px */
.text-xl { font-size: 1.25rem !important; } /* 20px - reduced from 24px */
.text-2xl { font-size: 1.5rem !important; } /* 24px - reduced from 28px */
.text-3xl { font-size: 1.75rem !important; } /* 28px - reduced from 32px */

/* Ensure readability in high-density areas */
.insights-list-item,
.search-result-item,
.conversation-entry {
    font-size: 0.9375rem !important; /* 15px - reduced from 16px */
    line-height: 1.5 !important;
}

/* Code and monospace elements */
code,
pre,
.monospace {
    font-size: 0.9375rem !important; /* 15px - reduced from 16px */
}

/* Ensure icons scale appropriately */
.fa,
.fas,
.far,
.fab {
    font-size: inherit !important; /* Icons inherit from parent */
}

/* Special handling for the canvas text tool */
.canvas-text-input {
    font-size: 1rem !important; /* 16px for canvas text input - reduced from 18px */
}

/* Ensure proper scaling for nested elements */
.transcript-content-wrapper {
    font-size: inherit !important;
}

/* Alert and notification text */
.alert,
.notification,
.toast {
    font-size: 0.9375rem !important; /* 15px - reduced from 16px */
}

/* Dropdown and menu items */
.dropdown-item,
.menu-item,
.context-menu-item {
    font-size: 0.9375rem !important; /* 15px - reduced from 16px */
}

/* Form labels */
label,
.form-label {
    font-size: 0.9375rem !important; /* 15px - reduced from 16px */
    font-weight: 500 !important;
}

/* Status indicators */
.status-indicator,
.live-indicator + span {
    font-size: 0.875rem !important; /* 14px */
}