/* WindWatch global font consistency override
   Applies to all React pages, legacy pages, tables, forms, popups, SVG/chart labels.
   Uses common local system fonts only; no external font download required.
*/

:root {
  --ww-font-sans: Arial, Helvetica, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --ww-font-mono: Consolas, "Courier New", monospace;

  --font-sans: var(--ww-font-sans) !important;
  --font-mono: var(--ww-font-mono) !important;
  --default-font-family: var(--ww-font-sans) !important;
  --default-mono-font-family: var(--ww-font-mono) !important;
}

/* Global page/content font */
html,
body,
#root,
#root *,
body *,
body *::before,
body *::after {
  font-family: var(--ww-font-sans) !important;
}

/* Form controls often keep browser/system defaults unless forced */
button,
input,
select,
textarea,
option,
optgroup,
label,
legend,
fieldset {
  font-family: var(--ww-font-sans) !important;
}

/* Tables, cards, badges, modals, tooltips, menus */
table,
thead,
tbody,
tfoot,
tr,
th,
td,
caption,
dialog,
[role="dialog"],
[role="tooltip"],
[role="menu"],
[role="menuitem"],
[role="button"],
[class*="modal"],
[class*="popup"],
[class*="tooltip"],
[class*="menu"],
[class*="card"],
[class*="table"],
[class*="badge"],
[class*="pill"] {
  font-family: var(--ww-font-sans) !important;
}

/* SVG/chart labels */
svg,
svg *,
svg text,
svg tspan,
.recharts-wrapper,
.recharts-wrapper *,
.echarts-for-react,
.echarts-for-react * {
  font-family: var(--ww-font-sans) !important;
}

/* Monospace areas */
code,
pre,
kbd,
samp,
.mono,
[class*="mono"],
[class*="code"],
[class*="terminal"] {
  font-family: var(--ww-font-mono) !important;
}

/* Keep numeric columns stable across machines */
body,
table,
button,
input,
select,
textarea,
svg text {
  font-variant-numeric: tabular-nums;
}