/* Monos typography, separate from Wazuh packages. Original artwork is unchanged. */
@font-face { font-family: MonosCabin; src: url('/branding/fonts/Cabin-Medium.ttf') format('truetype'); font-weight: 400 500; font-style: normal; font-display: swap; }
@font-face { font-family: MonosCabin; src: url('/branding/fonts/Cabin-SemiBold.ttf') format('truetype'); font-weight: 600 700; font-style: normal; font-display: swap; }
@font-face { font-family: MonosCabin; src: url('/branding/fonts/Cabin-MediumItalic.ttf') format('truetype'); font-weight: 400 500; font-style: italic; font-display: swap; }
@font-face { font-family: MonosCabin; src: url('/branding/fonts/Cabin-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: MonosCabin; src: url('/branding/fonts/Cabin-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: MonosCabinCondensed; src: url('/branding/fonts/CabinCondensed-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: MonosCabinCondensed; src: url('/branding/fonts/CabinCondensed-Medium.ttf') format('truetype'); font-weight: 500; font-display: swap; }
@font-face { font-family: MonosCabinCondensed; src: url('/branding/fonts/CabinCondensed-SemiBold.ttf') format('truetype'); font-weight: 600; font-display: swap; }
@font-face { font-family: MonosCabinCondensed; src: url('/branding/fonts/CabinCondensed-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }
@font-face { font-family: MonosVollkorn; src: url('/branding/fonts/Vollkorn-VariableFont_wght.ttf') format('truetype'); font-weight: 400 900; font-style: normal; font-display: swap; }
@font-face { font-family: MonosVollkorn; src: url('/branding/fonts/Vollkorn-Italic-VariableFont_wght.ttf') format('truetype'); font-weight: 400 900; font-style: italic; font-display: swap; }

/* Inherit through text and controls without overriding every icon/editor child. */
body, button, input, select, textarea,
.euiText, .euiTitle, .euiTable, .euiFormLabel, .euiFormRow__label,
.euiButton, .euiButtonEmpty, .euiHeader, .euiBreadcrumb, .euiSideNav {
  font-family: MonosCabin, sans-serif !important;
}
h1, h1 *, h2, h2 * { font-family: MonosVollkorn, Georgia, serif !important; }
.euiStat__title, .euiStat__title * { font-family: MonosCabinCondensed, sans-serif !important; }
pre, pre *, code, code *, .monaco-editor, .monaco-editor *, .ace_editor, .ace_editor * {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
}

/* Keep the full wordmark readable in the compact navigation header. */
img.logoImage[src*='/branding/'] {
  width: 132px !important; height: 28px !important;
  max-width: 132px; object-fit: contain;
}
/* The compact header has a dark background in both interface themes. */
.euiHeader img.logoImage[src*='/branding/'] { filter: brightness(0) invert(1); }
img[src*='/branding/monos_logo.png'] { object-fit: contain; }
html:has(link[href*='.dark.css']) img[src*='/branding/monos_logo.png'],
html:has(link[href*='.dark.css']) img[src*='customization.logo.app'],
html:has(link[href*='.dark.css']) img[src*='customization.logo.healthcheck'] {
  filter: brightness(0) invert(1);
}
img[src*='customization.logo.app'], img[src*='customization.logo.healthcheck'] {
  object-fit: contain; max-width: 300px;
}

/* Preserve the original login layout while matching its white title and logo. */
.login-wrapper > .euiImage img[src*='/branding/monos_logo.png'] {
  filter: brightness(0) invert(1); max-width: 300px; margin: 0 auto;
}
.login-wrapper > .euiText--medium,
.login-wrapper > .euiText--medium > .euiTextAlign {
  font-family: MonosVollkorn, Georgia, serif !important;
}
img.loadingLogo[src*='/branding/'] {
  width: min(300px, 75vw); height: 60px; object-fit: contain;
}