/* Shared SecureOS branding for the standalone pages in public/.
   Colour tokens stay with each page — this file only carries the logo lockup,
   so the mark renders identically everywhere it appears. */
.logo-mark {
  background: transparent !important; border: 0 !important; border-radius: 0 !important;
  width: 28px !important; height: 32px !important;
  margin-right: 8px;
}
.logo-mark img { width: 100%; height: 100%; object-fit: contain; display: block; }

/* .logo is an inline-flex row, and "Secure" + <span>OS</span> are two separate
   flex items — its gap was splitting the wordmark in half. The mark carries
   its own margin instead. */
.logo { gap: 0 !important; }