/* ScotMesh brand, MeshCore version, for the Live Map (github.com/ScotMesh/branding).
   Injected by nginx after the app's stylesheet. Map data colours (node roles, online, line of sight, heat) are left alone. */
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-style:normal;font-display:swap;src:url(/scotmesh-brand/fonts/ibm-plex-mono-400.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:600;font-style:normal;font-display:swap;src:url(/scotmesh-brand/fonts/ibm-plex-mono-600.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans Condensed";font-weight:400;font-style:normal;font-display:swap;src:url(/scotmesh-brand/fonts/ibm-plex-sans-condensed-400.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans Condensed";font-weight:600;font-style:normal;font-display:swap;src:url(/scotmesh-brand/fonts/ibm-plex-sans-condensed-600.woff2) format("woff2")}
:root{--sm-sans:"IBM Plex Sans Condensed",ui-sans-serif,system-ui,sans-serif;--sm-mono:"IBM Plex Mono",ui-monospace,monospace;--sm-meshcore:#56B4F5}
body, body :not(svg):not(text):not(tspan){font-family:var(--sm-sans)!important}

/* HUD: Night panel with the scotmesh/meshcore lockup; the site name stays in the page title and link previews */
.hud{background:rgba(10,20,36,.9)!important;border:1px solid rgba(34,50,77,.9);border-radius:8px!important}
.hud-toggle{background:url(/scotmesh-brand/lockup.svg) left center/contain no-repeat!important}
.hud-logo{visibility:hidden;width:128px!important;height:36px!important;padding:0!important}
.hud-title{font-size:0!important}
.hud-title .pill{font-size:11px;font-family:var(--sm-mono)!important;letter-spacing:.08em;text-transform:uppercase;background:rgba(86,180,245,.16);color:var(--sm-meshcore)}

/* Accents: MeshCore blue instead of the app's green */
.node-size-range,.prop-panel input[type="range"]{accent-color:var(--sm-meshcore)!important}
.map-toggle.active,.legend-filter-button.active{background:rgba(86,180,245,.28)!important;border-color:rgba(86,180,245,.65)!important}
.legend-toggle,.map-toggle,.legend-filter-button,.hud-action{border-radius:4px!important}