/* Default: fixed bottom-right (used on pages without a sidebar, e.g. login) */
.app-version-chip {
    position: fixed;
    bottom: 0.5rem;
    right: 0.75rem;
    font-size: 0.65rem;
    letter-spacing: 0.05em;
    color: #94a3b8;
    opacity: 0.45;
    pointer-events: none;
    user-select: none;
    z-index: 10;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Inside the sidebar: sits at the very bottom of the nav column */
.sidebar {
    display: flex;
    flex-direction: column;
}

/* The sidebar itself is the scroll container (overflow-y: auto), so a
   static chip scrolls out of view under long navs. Sticky pins it to the
   bottom edge of the scrollport while margin-top:auto keeps it at the
   column's end when the nav is short. */
.sidebar .app-version-chip {
    position: sticky;
    bottom: 0;
    right: auto;
    margin-top: auto;
    padding: 0.4rem 1rem 0.45rem 1.25rem;
    opacity: 0.55;
    z-index: 5;
    background: rgba(2, 8, 18, 0.35);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

@media (max-width: 768px) {
    .app-version-chip {
        bottom: 0.35rem;
        right: 0.5rem;
        font-size: 0.6rem;
    }
}