/* ============================================================
   FOURTHSHIFT MONITOR — IDENTITY (wordmark + lockup)
   FSM-specific identity layer.  Distinct from the canonical ICG
   brand library (wwwroot/brand/{primitives,semantic,...}.css)
   which is shared across all ICG sub-brands — this file owns
   the FSM-specific marks, wordmark typography, and lockup
   composition.  Source of truth is the FSM logo system bundle
   (docs/FSM Logo _bundled_.html); do not divergently edit here
   without updating the bundle.
   ============================================================ */

/* Wordmark — Fraunces semibold with FSM-tuned variation axis.
   opsz 48 matches the rendered px of the wordmark at its
   typical display size (h1-ish in the app bar / auth heading).
   SOFT 20 holds the wedge serifs sharp; WONK 0 keeps roman
   forms regular.  At display sizes only, the italic variant
   activates WONK 1 for "Monitor" — that's the brand's
   "italic spark" per BRAND.md section 3.3. */
.wm {
    font-family: 'Fraunces', Georgia, serif;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--surface-inverse);
    font-variation-settings: 'opsz' 48, 'SOFT' 20, 'WONK' 0;
    white-space: nowrap;
}
.wm-italic-monitor em {
    font-style: italic;
    font-weight: 600;
    font-variation-settings: 'opsz' 48, 'SOFT' 20, 'WONK' 1;
}

/* Qualifier — Geist Mono caps below the wordmark.  Carries the
   product's role ("DIAGNOSTIC", "OPERATOR CONSOLE", etc.) at
   ~42% of wordmark size with 0.22em letter-spacing for the
   editorial-industrial fingerprint. */
.qualifier {
    font-family: 'Geist Mono', ui-monospace, monospace;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    color: var(--text-muted);
    line-height: 1;
}

/* Lockup — mark + wordmark+qualifier stacked.  Gap is 18px at
   the canonical 36px wordmark size; scale up proportionally for
   larger lockups. */
.lockup {
    display: inline-flex;
    align-items: center;
    gap: 18px;
}
.lockup__text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Inverse (dark surface) — wordmark flips to paper, qualifier
   to a translucent paper for hierarchy. */
.on-dark .wm,
.theme-fourthshift.on-dark .wm {
    color: var(--text-inverse);
}
.on-dark .qualifier {
    color: rgba(251, 250, 247, 0.55);
}

/* Monochrome — force navy on light or paper on dark regardless
   of context.  For embeds (PDFs, single-color-print contexts,
   etc.). */
.mono-navy .wm,
.mono-navy .qualifier { color: #050b18; }
.mono-paper .wm,
.mono-paper .qualifier { color: #fbfaf7; }

/* Mark size scaling — when the mark is inline-SVG inside a
   .lockup, the SVG element is sized via the markup's width/height
   attributes; this just guards against the SVG inheriting a
   block display from page resets. */
.lockup svg { display: block; flex: 0 0 auto; }

/* Login-page version stamp — fixed top-right corner of the
   Identity layout.  Provides its own typography because the base
   .version-stamp rules live in extensions.css, which the Identity
   layout does not load. */
.version-stamp--login {
    position: fixed;
    top: var(--space-3);
    right: var(--space-4);
    font-family: var(--font-mono, monospace);
    font-size: 0.75rem;
    color: var(--text-muted);
    letter-spacing: 0.04em;
    z-index: 10;
}