/* SymbiOS — single @font-face source (MilanTypeRev file → Cynetiq CSS name) */
@font-face {
  font-family: 'Cynetiq';
  src: local('MilanTypeRev'),
       local('MilanTypeRev Regular'),
       url('/assets/fonts/cynetiqFont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html,
body {
  font-family: 'Cynetiq', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* CynetIQ brand links — same color as surrounding text, still clickable */
a.cynetiq-link,
a.cynetiq-link:link,
a.cynetiq-link:visited,
a.cynetiq-link:hover,
a.cynetiq-link:active,
a.cynetiq-link:focus {
  color: inherit !important;
  text-decoration: none !important;
  cursor: pointer;
  outline: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  font: inherit;
  letter-spacing: inherit;
  pointer-events: auto;
}

html.login-page-root,
html.not-found-root,
html.map-page-root,
html.landing-page-root,
body.login-page,
body.not-found-page,
body.map-page,
body.landing-page {
  font-family: 'Cynetiq', sans-serif;
}

body.login-page *:not(.fa):not([class*='fa-']):not(.glyphicon):not([class*='glyphicon-']),
body.not-found-page *:not(.fa):not([class*='fa-']):not(.glyphicon):not([class*='glyphicon-']),
body.map-page .navbar,
body.map-page .modal,
body.map-page .modal *:not(.fa):not([class*='fa-']):not(.glyphicon):not([class*='glyphicon-']),
body.map-page .form-control,
body.map-page input,
body.map-page select,
body.map-page textarea,
body.map-page button,
body.map-page table,
body.map-page .bootstrap-table,
body.map-page .cm-topbar,
body.map-page .cm-loc-bar,
body.map-page .cm-dialog,
body.map-page .cm-toast,
body.map-page .cm-notif-panel,
body.map-page .cm-user-panel {
  font-family: inherit;
}

/* Icon fonts must keep their own families (Cynetiq inheritance breaks glyphs → ▯) */
body.login-page .fa,
body.login-page .fa:before,
body.login-page [class^='fa-']:before,
body.login-page [class*=' fa-']:before,
body.not-found-page .fa,
body.not-found-page .fa:before,
body.not-found-page [class^='fa-']:before,
body.not-found-page [class*=' fa-']:before,
body.map-page .fa,
body.map-page .fa:before,
body.map-page [class^='fa-']:before,
body.map-page [class*=' fa-']:before {
  font-family: FontAwesome !important;
}

body.login-page .glyphicon,
body.login-page .glyphicon:before,
body.not-found-page .glyphicon,
body.not-found-page .glyphicon:before,
body.map-page .glyphicon,
body.map-page [class^='glyphicon-']:before,
body.map-page [class*=' glyphicon-']:before {
  font-family: 'Glyphicons Halflings' !important;
}