/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"app/layout.tsx","import":"Inter","arguments":[{"subsets":["latin"],"variable":"--font-inter","display":"swap"}],"variableName":"inter"} ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Inter_Fallback_f367f3';src: local("Arial");ascent-override: 90.49%;descent-override: 22.56%;line-gap-override: 0.00%;size-adjust: 107.06%
}.__className_f367f3 {font-family: '__Inter_f367f3', '__Inter_Fallback_f367f3';font-style: normal
}.__variable_f367f3 {--font-inter: '__Inter_f367f3', '__Inter_Fallback_f367f3'
}

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/index.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
body {
  margin: 0;
  /* Match theme + globals.css; `--font-inter` is set on <html> via next/font in app/layout.tsx */
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/styles/globals.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
/*
 * Integration Health Dashboard — global styles
 * UI stack: MUI (@/theme/theme, design-tokens) + Lucide icons; no Tailwind.
 * Optional CSS variables (for chart / legacy Radix primitives): design-tokens.ts
 *
 * Figma MVP reference:
 * https://www.figma.com/design/yb41jw3O6Iijcw9wSY65un/MVP-screens?node-id=348-855
 * Headings scale (H1–H4 medium, Inter, tracking):
 * https://www.figma.com/design/yb41jw3O6Iijcw9wSY65un/MVP-screens?node-id=348-886
 * Body, labels, sm/xs, WHY?, KPI count:
 * https://www.figma.com/design/yb41jw3O6Iijcw9wSY65un/MVP-screens?node-id=348-910
 * Text colors (gray ramp + semantic):
 * https://www.figma.com/design/yb41jw3O6Iijcw9wSY65un/MVP-screens?node-id=348-944
 * Buttons (primary, outline, ghost, destructive):
 * https://www.figma.com/design/yb41jw3O6Iijcw9wSY65un/MVP-screens?node-id=348-974
 * Button sizes:
 * https://www.figma.com/design/yb41jw3O6Iijcw9wSY65un/MVP-screens?node-id=348-1010
 * Icon buttons:
 * https://www.figma.com/design/yb41jw3O6Iijcw9wSY65un/MVP-screens?node-id=348-1036
 * Input fields:
 * https://www.figma.com/design/yb41jw3O6Iijcw9wSY65un/MVP-screens?node-id=348-1063
 * Select dropdown:
 * https://www.figma.com/design/yb41jw3O6Iijcw9wSY65un/MVP-screens?node-id=348-1092
 * Switch / toggle:
 * https://www.figma.com/design/yb41jw3O6Iijcw9wSY65un/MVP-screens?node-id=348-1112
 * Checkbox:
 * https://www.figma.com/design/yb41jw3O6Iijcw9wSY65un/MVP-screens?node-id=348-1126
 * Status badges:
 * https://www.figma.com/design/yb41jw3O6Iijcw9wSY65un/MVP-screens?node-id=348-1144
 * Severity badges:
 * https://www.figma.com/design/yb41jw3O6Iijcw9wSY65un/MVP-screens?node-id=348-1158
 * Interface type badges (HL7 / FHIR / X12 / CSV / Custom):
 * https://www.figma.com/design/yb41jw3O6Iijcw9wSY65un/MVP-screens?node-id=348-1170
 * Special badges:
 * https://www.figma.com/design/yb41jw3O6Iijcw9wSY65un/MVP-screens?node-id=348-1184
 * Cards:
 * https://www.figma.com/design/yb41jw3O6Iijcw9wSY65un/MVP-screens?node-id=348-1198
 */

:root {
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --background: 0 0% 100%;
  --foreground: 0 0% 10%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 10%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 10%;
  --primary: 243 81% 4%;
  --primary-foreground: 0 0% 100%;
  --secondary: 220 14% 96%;
  --secondary-foreground: 243 81% 4%;
  --muted: 240 6% 94%;
  --muted-foreground: 235 9% 47%;
  --accent: 228 14% 92%;
  --accent-foreground: 243 81% 4%;
  --destructive: 346 77% 46%;
  --destructive-foreground: 0 0% 100%;
  --border: 240 6% 90%;
  --input: 240 6% 90%;
  --ring: 0 0% 71%;
  --radius: 0.625rem;

  --chart-1: 25 95% 53%;
  --chart-2: 173 58% 39%;
  --chart-3: 227 45% 20%;
  --chart-4: 84 81% 44%;
  --chart-5: 70 75% 47%;
}

* {
  font-family: ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  border-color: hsl(var(--border));
}

html {
  --font-size: 16px;
  font-size: var(--font-size);
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

body {
  margin: 0;
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  overflow-x: hidden;
}

/* Heading colors — Figma Text Colors 348-944 (gray-900 / gray-800); matches theme.typography */
h1 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.3125px;
  color: #111827;
  margin: 0;
}

h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.3125px;
  color: #1e2939; /* text-gray-800 Figma 348-944 */
  margin: 0;
}

h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.3125px;
  color: #1e2939;
  margin: 0;
}

h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.3125px;
  color: #1e2939;
  margin: 0;
}

p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.3125px;
  color: #364153; /* text-gray-700 — body Figma 348-944 */
  margin: 0;
}

label {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.3125px;
  color: #0a0a0a; /* form labels Figma 348-910 */
}

button {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

input {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

h5 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.3125px;
  color: hsl(var(--foreground));
  margin: 0;
}

h6 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.3125px;
  color: hsl(var(--foreground));
  margin: 0;
}

/* Red pulse for KPI / CTA tiles: MUI keyframes in src/utils/syncedPulseAnimation.ts (pulseRedAnimationSx) */