/* ── Build marker: "Behnke-Support v2.4.1" (production) / "Behnke-Support DEV" ──
   In the sidebar under the account settings; pages without a sidebar show it
   floating in the bottom-left corner. */

.app-version {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--text-muted, #6b7280);
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    cursor: default;
    user-select: none;
}

.app-version-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--success, #059669);
}

.app-version--dev { color: var(--legacy, #d97706); }
.app-version--dev .app-version-dot { background: var(--legacy, #d97706); }

/* Opens the Support-Server changelog */
button.app-version {
    margin: 0;
    font-family: inherit;
    text-align: left;
}
button.app-version:not(.app-version--float) {
    border: 0;
    background: none;
}
.app-version--link { cursor: pointer; }
.app-version--link:hover { text-decoration: underline; text-underline-offset: 2px; }
.app-version--link:focus-visible { outline: 2px solid var(--primary, #2563eb); outline-offset: 2px; border-radius: 4px; }

.app-version--sidebar { align-self: center; padding: 2px 0 0; }

.app-version--float {
    position: fixed;
    left: 12px;
    bottom: 12px;
    z-index: 150;
    padding: 4px 10px;
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 999px;
    background: color-mix(in srgb, var(--surface, #fff) 92%, transparent);
    backdrop-filter: blur(6px);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}
.app-version--float.app-version--dev {
    border-color: color-mix(in srgb, var(--legacy, #d97706) 45%, var(--border, #e5e7eb));
    background: color-mix(in srgb, var(--legacy-bg, #fef3c7) 85%, transparent);
}

/* The sidebar shows its own marker – no floating one next to it. */
body:has(.menu .app-version--sidebar) .app-version--float { display: none; }