/* FusionX brand — the SINGLE shared source for the product wordmark.
 *
 * Served at /cc_assets/fusionx_brand.css. Link this on every page (admin AND
 * operator) and give the wordmark element class="fx-wordmark". Do NOT restyle
 * the wordmark locally — page-local copies are exactly how we ended up with
 * five different wordmarks (admin 18/3px Rajdhani, three operator pages 17/2px,
 * and the Announcements page 14px in monospace).
 *
 * Self-contained: it bundles the Rajdhani 700 face itself, so it renders
 * identically even on the operator pages, which load no other shared
 * stylesheet and do not otherwise pull in Rajdhani.
 *
 * The typography is forced with !important so the one shared rule wins over any
 * pre-existing page-local .logo-text / .brand h1 declaration without having to
 * hunt down and edit each one — that override IS the consolidation. Colour is
 * deliberately left to the page so each header keeps its own near-white tone.
 */
@font-face{
  font-family:'Rajdhani';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('/cc_assets/fonts/Rajdhani-700.woff2') format('woff2');
}
.fx-wordmark{
  font-family:'Rajdhani','Segoe UI',system-ui,sans-serif !important;
  font-size:18px !important;
  font-weight:700 !important;
  letter-spacing:3px !important;
  line-height:1.1 !important;
  text-transform:none !important;
}

/* Product sub-wordmark ("COMMAND CENTER"): brand blue on every portal, admin and
   operator alike. The single shared colour rule — give the subtitle element
   class="fx-wordmark-sub". Forced with !important so it wins over each header's
   page-local .logo-sub / .sub grey without editing every stylesheet. */
.fx-wordmark-sub{
  color:#3B82F6 !important;
}

/* Brand icon: when fusionx_brand.js swaps in an uploaded logo it adds
   .fx-has-logo — drop the circular frame/letter styling and let the image show.
   No custom logo set -> the element keeps its page-local "C" mark unchanged. */
.fx-logo-icon.fx-has-logo,.logo-icon.fx-has-logo,.brand-mark.fx-has-logo{
  border:none !important;background:none !important;box-shadow:none !important;overflow:hidden}
.fx-brand-img{width:100%;height:100%;object-fit:contain;display:block}