/* Enhanced font configuration with MAXIMUM specificity for 11px base font size */

/* ====== ROOT LEVEL OVERRIDES ====== */
html {
    font-size: 11px !important;
}

body, 
html, 
body * {
    font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 11px !important;
}

/* ====== LAYOUT COMPONENTS FIXES ====== */

/* Topbar and navigation fixes */
.page,
.page *,
.page .top-row,
.page .top-row *,
.top-row,
.top-row *,
div.top-row,
div.top-row * {
    font-size: 11px !important;
}

/* Sidebar and navigation menu fixes */
.sidebar,
.sidebar *,
div.sidebar,
div.sidebar *,
.page .sidebar,
.page .sidebar * {
    font-size: 11px !important;
}

.nav-scrollable,
.nav-scrollable *,
.nav-scrollable nav,
.nav-scrollable nav *,
.nav-scrollable a,
.nav-scrollable a * {
    font-size: 11px !important;
}

/* Navigation links and menu items */
.sidebar a,
.sidebar a *,
.sidebar .nav-link,
.sidebar .nav-link *,
.nav-scrollable a,
.nav-scrollable a *,
.nav-scrollable .nav-link,
.nav-scrollable .nav-link *,
.sidebar .nav-item a,
.sidebar .nav-item a * {
    font-size: 11px !important;
}

/* ====== TAILWIND OVERRIDES ====== */

/* Tailwind text size overrides with maximum specificity */
.text-sm,
*.text-sm,
div.text-sm,
span.text-sm,
label.text-sm,
p.text-sm {
    font-size: 11px !important;
    line-height: 1.25rem !important;
}

.text-lg,
*.text-lg,
div.text-lg,
span.text-lg,
h1.text-lg,
h2.text-lg,
h3.text-lg {
    font-size: 15px !important;
    line-height: 1.75rem !important;
}

/* ====== SYNCFUSION MAXIMUM OVERRIDES ====== */

/* Syncfusion Grid - ULTRA high specificity overrides */
.e-grid,
.e-grid *,
.e-grid table,
.e-grid table *,
.e-grid .e-gridcontent,
.e-grid .e-gridcontent *,
.e-grid .e-gridcontent table,
.e-grid .e-gridcontent table *,
.e-grid .e-gridheader,
.e-grid .e-gridheader *,
.e-grid .e-gridheader table,
.e-grid .e-gridheader table *,
.e-grid .e-headercelldiv,
.e-grid .e-headercelldiv *,
.e-grid .e-rowcell,
.e-grid .e-rowcell *,
.e-grid .e-headertext,
.e-grid .e-headertext *,
.e-grid td,
.e-grid td *,
.e-grid th,
.e-grid th *,
.e-grid .e-gridheader-content,
.e-grid .e-gridheader-content *,
.e-grid .e-content,
.e-grid .e-content *,
.e-grid .e-gridheader .e-headercelldiv,
.e-grid .e-gridheader .e-headercelldiv *,
.e-grid .e-gridcontent .e-rowcell,
.e-grid .e-gridcontent .e-rowcell *,
.e-grid .e-table,
.e-grid .e-table *,
.e-grid tbody,
.e-grid tbody *,
.e-grid thead,
.e-grid thead * {
    font-size: 11px !important;
    font-family: "Segoe UI", sans-serif !important;
    line-height: 1.2 !important;
}

/* Syncfusion Grid specific cell content with ULTRA specificity */
.e-grid .e-rowcell .e-cell-content,
.e-grid .e-rowcell .e-cell-content *,
.e-grid .e-headercelldiv .e-headertext,
.e-grid .e-headercelldiv .e-headertext *,
.e-grid .e-columnheader,
.e-grid .e-columnheader *,
.e-grid tr,
.e-grid tr *,
.e-grid tr td,
.e-grid tr td *,
.e-grid tr th,
.e-grid tr th * {
    font-size: 11px !important;
    font-family: "Segoe UI", sans-serif !important;
}

/* Force override for any nested elements in grid cells */
.e-grid td div,
.e-grid td div *,
.e-grid td span,
.e-grid td span *,
.e-grid th div,
.e-grid th div *,
.e-grid th span,
.e-grid th span * {
    font-size: 11px !important;
}

/* ====== SYNCFUSION OTHER COMPONENTS ====== */

/* Syncfusion Dialog with ULTRA specificity */
.e-dialog,
.e-dialog *,
.e-dialog div,
.e-dialog div *,
.e-dialog .e-dlg-content,
.e-dialog .e-dlg-content *,
.e-dialog .e-dlg-header,
.e-dialog .e-dlg-header *,
.e-dialog .e-dlg-header-content,
.e-dialog .e-dlg-header-content *,
.e-dialog .e-btn-text,
.e-dialog .e-btn-text * {
    font-size: 11px !important;
}

/* Syncfusion Buttons with ULTRA specificity */
.e-btn,
.e-btn *,
.e-btn div,
.e-btn div *,
.e-btn span,
.e-btn span *,
.e-btn .e-btn-text,
.e-btn .e-btn-text *,
.e-outline,
.e-outline *,
.e-primary,
.e-primary * {
    font-size: 11px !important;
}

/* Syncfusion Input components with ULTRA specificity */
.e-textbox,
.e-textbox *,
.e-textbox input,
.e-textbox input *,
.e-input-group,
.e-input-group *,
.e-input-group input,
.e-input-group input *,
.e-input-group .e-input,
.e-input-group .e-input *,
.e-input-group .e-input-group-icon,
.e-input-group .e-input-group-icon * {
    font-size: 11px !important;
}

/* Syncfusion RichTextEditor with ULTRA specificity */
.e-richtexteditor,
.e-richtexteditor *,
.e-richtexteditor div,
.e-richtexteditor div *,
.e-richtexteditor .e-rte-content,
.e-richtexteditor .e-rte-content *,
.e-richtexteditor .e-rte-toolbar,
.e-richtexteditor .e-rte-toolbar *,
.e-rte-content,
.e-rte-content *,
.e-rte-content p,
.e-rte-content p *,
.e-rte-content div,
.e-rte-content div * {
    font-size: 11px !important;
}

/* ====== FORM ELEMENTS ====== */

/* Labels and form elements with ULTRA specificity */
label,
label *,
*.label,
*.label *,
div label,
div label *,
form label,
form label *,
.form-label,
.form-label * {
    font-size: 11px !important;
}

/* Input elements */
input,
input *,
textarea,
textarea *,
select,
select *,
input[type="text"],
input[type="email"],
input[type="password"] {
    font-size: 11px !important;
    font-family: "Segoe UI", sans-serif !important;
}

/* ====== VALIDATION MESSAGES ====== */

/* Validation messages with ULTRA specificity */
.text-red-500,
.text-red-500 *,
.text-red-600,
.text-red-600 *,
.text-red-500.text-sm,
.text-red-600.text-sm,
.validation-message,
.validation-message *,
*.validation-message,
*.validation-message *,
div.validation-message,
div.validation-message * {
    font-size: 11px !important;
}

/* ====== CONTENT AREAS ====== */

/* Main content areas */
.content,
.content *,
main,
main *,
article,
article *,
.px-4,
.px-4 *,
.py-6,
.py-6 * {
    font-size: 11px !important;
}

/* ====== GENERAL NUCLEAR OVERRIDE ====== */

/* Nuclear option - override EVERYTHING */
* {
    font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Override any potential theme conflicts with ULTRA specificity */
.fluent-theme,
.fluent-theme *,
.e-control,
.e-control *,
.e-lib,
.e-lib *,
.e-theme-fluent,
.e-theme-fluent * {
    font-size: 11px !important;
}

/* Force override for specific problematic selectors */
div,
span,
p,
td,
th,
tr,
table {
    font-size: 11px !important;
}

/* Override Bootstrap/Framework defaults */
.container *,
.row *,
.col *,
.form-control,
.btn,
.btn * {
    font-size: 11px !important;
}