/* Shared typography, including legacy inline styles and portal dialogs. */
:root {
  --app-font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --app-font-serif: var(--app-font-sans);
  --app-font-mono: var(--app-font-sans);
}
html body,
html body *,
html body [class],
html body [style],
html body #root * {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}
html body {
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
h1, h2, h3 { letter-spacing: -0.025em; }
button, input, textarea, select { letter-spacing: normal; }

/* Reserve scrollbar width across short and long routes. */
html { scrollbar-gutter: stable; }

button[aria-label="Tháng trước"],button[aria-label="Tháng sau"]{min-width:44px;min-height:44px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#087f6c;cursor:pointer;font-size:22px}button[aria-label="Tháng trước"]:disabled,button[aria-label="Tháng sau"]:disabled{opacity:.4;cursor:default}button:focus-visible,input[type="date"]:focus-visible{outline:2px solid #00a88f;outline-offset:3px}