/* Global Consistency Overrides - Ensures 14px font-size everywhere */

/* Force all text elements to use 14px */
body,
p,
div,
span,
li,
td,
th,
label,
input,
select,
textarea,
button,
.alert,
.card-body,
.card-body p,
.card-body div,
.card-body span,
.card-body li,
.page-description,
.form-text,
.table,
.table td,
.table th,
.nav-link,
.btn,
.form-control,
.search-input,
.login-body,
.login-body p,
.content p,
.content div,
.content span,
.content li {
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* Ensure sidebar is always 250px */
.sidebar {
    width: 250px !important;
    min-width: 250px !important;
    flex-shrink: 0 !important;
}

/* Ensure main container layout is consistent */
.main-container {
    display: flex !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

/* Ensure content area takes remaining space */
.content {
    flex: 1 !important;
    width: calc(100% - 250px) !important;
}

/* Specific overrides for elements that need different sizes */
.page-title {
    font-size: 1.75rem !important;
}

.modal-title {
    font-size: 1.25rem !important;
}

.app-title {
    font-size: 1.5rem !important;
}

.login-title {
    font-size: 1.5rem !important;
}

.user-name {
    font-size: 0.95rem !important;
}

.user-role {
    font-size: 0.75rem !important;
}

.badge {
    font-size: 0.75rem !important;
}

.form-text {
    font-size: 0.875rem !important;
}

.login-footer {
    font-size: 0.875rem !important;
}

/* Headers should be slightly larger */
h1 { font-size: 1.75rem !important; }
h2 { font-size: 1.5rem !important; }
h3 { font-size: 1.25rem !important; }
h4 { font-size: 1.1rem !important; }
h5 { font-size: 1rem !important; }
h6 { font-size: 0.9rem !important; }

/* Code blocks */
code {
    font-size: 13px !important;
}

/* Ensure alerts have consistent styling */
.alert {
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* Ensure all paragraphs in cards have consistent styling */
.card-body p,
.card-body ul,
.card-body ol,
.card-body li {
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* Fix for inline styles in templates */
[style*="font-size"] {
    font-size: 14px !important;
}