/* ic26 "Innovation Continuum 2026" landing-page overrides (dist patch, no rebuild).
   Scoped to the login/landing screen via .login_screen so nothing leaks post-login. */

/* Top-right NATO ACT + Canada flag — injected in index.html, shown ONLY on the landing screen */
#ic26-topright {
  position: fixed;
  top: 56px;                 /* just BELOW the 45px navy header bar */
  right: 24px;
  z-index: 100;
  display: none;
  align-items: center;
  gap: 14px;
}
body:has(.login_screen) #ic26-topright { display: flex; }
/* ...but NEVER once the main app is mounted (login_screen can linger in the DOM) */
body:has(app-dfxim) #ic26-topright { display: none !important; }
#ic26-topright img { height: 40px; width: auto; display: block; }

/* Remove the "Royal Canadian Navy" brand (logo + name) from the in-app top header
   (dfx-top-menu-header). The RCN string is a hardcoded fallback in the compiled bundle,
   so hide the whole brand block. Login header has no .header-image-container → unaffected.
   Menu button is a sibling (.header-menu) and stays. */
.header-image-container { display: none !important; }

/* Center badge: enlarge (overrides inline width) + truly center + nudge down toward concept */
.login_screen .background_logo {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
  text-align: center !important;
  top: 32% !important;
}
.login_screen .background_logo .app_logo {
  width: 340px !important;
  height: auto !important;
}

/* Sign In button → light/white with dark text, as in the concept */
.login_screen .login_btn {
  background: #ffffff !important;
  color: #12294d !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .35) !important;
}

/* Hide the empty organization-logo slot (set to transparent in appLogoConfig) so it can't
   occupy layout / overlap the button */
.login_screen .logoContainer { display: none !important; }

/* Footer "Powered by" text legible on the dark aerial */
.login_screen .footerContainer .fooText { color: #dfe6f2 !important; }

/* OPEX demo: hide the ambient capsule's Autonomous / Ask mode-toggle buttons */
.cdt-mode { display: none !important; }