/* Shared product build badge — matches LUMA Capture menubar layout */

.luma-brand-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px; /* token-oneoff: hairline */
    min-width: 0;
}

.luma-brand-stack--center {
    align-items: center;
}

.luma-build-badge {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.55); /* token-oneoff: glass */
    font: 500 10px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: 0.04em;
    user-select: none;
    white-space: nowrap;
}

.luma-hub-brand .luma-build-badge {
    margin-top: var(--luma-space-1);
    color: var(--luma-text-muted);
}

.luma-brand .luma-build-badge {
    color: var(--luma-text-muted, #8b9bb4);
}

.luma-header-brand .luma-brand-stack .luma-build-badge {
    margin-left: 2px; /* token-oneoff: hairline */
}

.luma-map-build-badge {
    position: absolute;
    top: max(15px, env(safe-area-inset-top, 0px));
    left: max(15px, env(safe-area-inset-left, 0px));
    z-index: 999; /* token-oneoff: badge under toolbar */
    pointer-events: none;
    padding: var(--luma-space-1) var(--luma-space-2);
    border-radius: var(--luma-radius-xs);
    background: rgba(21, 29, 40, 0.82); /* token-oneoff: glass */
    border: 1px solid rgba(61, 81, 109, 0.65); /* token-oneoff: status */
    color: var(--luma-text-muted);
    font: 500 10px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: 0.04em;
    user-select: none;
}

body[data-toolbar-mode="measuring"] .luma-map-build-badge,
body[data-toolbar-mode="commenting"] .luma-map-build-badge,
body.live-tour-following .luma-map-build-badge {
    display: none;
}