/* =============================================================================
   Font chữ mặc định toàn app: Inter
   Nạp SAU tất cả css khác trong index.html (thắng cascade mà không cần !important).

   - Smart.Blazor: đọc biến --smart-font-family (khai ở :root, body[theme=dark]
     trong _content/Smart.Blazor/css/bootstrap/light/smart.bootstrap.css).
   - Syncfusion: theme bootstrap5.3 HARDCODE font-family ở 62 rule, KHÔNG qua
     CSS variable → phải override đúng selector của theme.
   - BootstrapBlazor: kế thừa từ html/body.

   Danh sách selector Syncfusion bên dưới lấy từ theme bootstrap5.3 v30.2.4.
   Khi nâng version Syncfusion, sinh lại danh sách bằng script:
     SmartAccCloud.WebWasm/wwwroot/css/font-family.README.txt
   Cố ý KHÔNG đổi: font-family "e-icons" (icon font), và các font mẫu trong
   font-picker / spreadsheet / PDF viewer (Roboto, Segoe UI, Calibri...).
   ============================================================================= */

:root,
body,
body[theme] {
    --app-font-family: Inter, "Segoe UI", Arial, system-ui, -apple-system, sans-serif;
    /* Smart.Blazor + WebComponents đều đọc biến này */
    --smart-font-family: var(--app-font-family);
}

html,
body,
button,
input,
select,
textarea,
optgroup {
    font-family: var(--app-font-family);
}

/* --- Smart.Blazor ---------------------------------------------------------- */
.smart-element {
    font-family: var(--app-font-family);
}

/* --- BootstrapBlazor ------------------------------------------------------- */
.bb-toast,
.modal,
.popover,
.tooltip,
.dropdown-menu {
    font-family: var(--app-font-family);
}

/* --- Syncfusion (theme bootstrap5.3 v30.2.4) ------------------------------- */
.e-avatar,
.e-badge,
.e-bigger .e-grid .e-row .e-input-focus .e-input.e-field,
.e-bigger .e-grid .e-row .e-input-group .e-input.e-field,
.e-bigger.e-small .e-upload.e-control-wrapper,
.e-blockeditor .e-block-container-wrapper,
.e-btn,
.e-button-drag-clone,
.e-card,
.e-card .e-card-actions .e-card-btn,
.e-card .e-card-actions a,
.e-checkbox-wrapper .e-label,
.e-colorpicker-popup.e-rte-dropdown .e-container.e-color-palette .e-clr-pal-rec-wpr .e-recent-clr-span,
.e-contextmenu-container ul.e-ul,
.e-contextmenu-wrapper ul.e-ul,
.e-control,
.e-control-wrapper.e-mask .e-maskedtextbox,
.e-control-wrapper.e-slider-container .e-scale,
.e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value,
.e-css,
.e-css.e-btn,
.e-css.e-checkbox-wrapper .e-label,
.e-css.e-switch-wrapper .e-switch-off,
.e-css.e-switch-wrapper .e-switch-on,
.e-dashboardlayout.e-control .e-panel .e-panel-header,
.e-ddl.e-popup.e-multiselect-group .e-list-group-item,
.e-dialog .e-aud-uploadwrap .e-droptext,
.e-dialog .e-img-uploadwrap .e-droptext,
.e-dialog .e-vid-uploadwrap .e-droptext,
.e-dialog.e-device .e-vid-uploadwrap .e-droptext,
.e-dropdownbase .e-list-group-item,
.e-dropdownbase .e-list-item,
.e-error,
.e-fixed-head,
.e-float-input,
.e-float-input.e-control-wrapper,
.e-float-input.e-control-wrapper.e-disabled,
.e-float-input.e-disabled,
.e-float-input.e-input-group.e-control-wrapper.e-disabled,
.e-float-input.e-input-group.e-disabled,
.e-grid,
.e-grid .e-row .e-input-focus .e-input.e-field,
.e-grid .e-row .e-input-group .e-input.e-field,
.e-grid.e-bigger .e-row .e-input-focus .e-input.e-field,
.e-grid.e-bigger .e-row .e-input-group .e-input.e-field,
.e-inplaceeditor .e-editable-value-container .e-editable-value,
.e-inplaceeditor .e-editable-value-wrapper .e-editable-value,
.e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title,
.e-input-group,
.e-input-group.e-control-wrapper,
.e-input-group.e-control-wrapper.e-disabled,
.e-input-group.e-disabled,
.e-listbox-container,
.e-listbox-wrapper,
.e-listboxtool-wrapper,
.e-listview,
.e-menu-container .e-menu-header,
.e-menu-wrapper .e-menu-header,
.e-message,
.e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header,
.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
.e-multi-select-wrapper .e-chips>.e-chipcontent,
.e-multi-select-wrapper .e-delim-values,
.e-multi-select-wrapper input[type=text],
.e-multiselect.e-filled .e-multi-select-wrapper input[type=text],
.e-pivot-calc-dialog-div .e-treeview ul li .e-list-text,
.e-pivotfieldlist-container,
.e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul li .e-list-text,
.e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul li .e-list-text,
.e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container ul li .e-list-text,
.e-pivotfieldlist-container .e-member-editor-dialog .e-select-all-container ul li .e-list-text,
.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-radio-wrapper .e-label,
.e-pivotfieldlist-container.e-rtl .e-field-table .e-field-list ul li .e-list-text,
.e-pivottooltip p,
.e-pivotview .e-member-editor-dialog .e-member-editor-container ul li .e-list-text,
.e-pivotview .e-member-editor-dialog .e-select-all-container ul li .e-list-text,
.e-popup.e-ddl .e-dropdownbase.e-nodata,
.e-popup.e-mention .e-dropdownbase.e-nodata,
.e-pv-redaction-page-mark-dialog,
.e-pv-redaction-property-panel-text,
.e-query-builder .e-summary-text,
.e-radio+label .e-label,
.e-richtexteditor .e-audioheader,
.e-richtexteditor .e-linkheader,
.e-richtexteditor .e-video-url-wrap,
.e-richtexteditor .e-videoheader,
.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
.e-rte-elements .e-audioheader,
.e-rte-elements .e-linkheader,
.e-rte-elements .e-video-url-wrap,
.e-rte-elements .e-videoheader,
.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
.e-rte-table-popup .e-rte-popup-header,
.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
.e-spinner-pane .e-spinner-inner .e-spin-label,
.e-splitter.e-splitter-horizontal .e-pane,
.e-splitter.e-splitter-vertical .e-pane,
.e-switch-wrapper .e-switch-off,
.e-switch-wrapper .e-switch-on,
.e-tab .e-tab-header .e-toolbar-item .e-tab-text,
.e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before,
.e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before,
.e-tab-clone-element .e-tab-text,
.e-tooltip-wrap .e-tip-content,
.e-treeview.e-drag-item,
.e-upload.e-control-wrapper,
input.e-input,
textarea.e-input {
    font-family: var(--app-font-family);
}