/*
 * The build/version stamp, bottom-left of every page.
 *
 * House furniture: Daily Tasks and Purchasing both render the same text in the
 * same corner, so someone reporting "it still looks wrong" can read the build
 * out of any of the three apps without being talked through where to look.
 *
 * Its own file rather than a rule in app.css, because the three layouts that
 * need it do not share a stylesheet. The sign-in page deliberately loads only
 * auth.css -- it is a standalone card with its own tokens and no house shell --
 * so a rule in app.css would render on the two app shells and silently vanish
 * on the page a signed-out operator is actually looking at. One file linked by
 * all three is the only version that cannot quietly diverge.
 *
 * A class rather than the siblings' inline styles: this app has real
 * stylesheets and @asset mtime cache-busting, so it has no excuse. The
 * declarations below are the sibling apps' inline values exactly -- same
 * corner, same offsets, same size, same colour, same monospace stack.
 */

.build-stamp {
    position: fixed;
    left: 12px;
    bottom: 8px;
    font-size: 11px;

    /*
     * The house tokens, with the house VALUES as var() fallbacks -- not second
     * opinions about the colour.
     *
     * BOTH TOKENS NOW RESOLVE ON ALL THREE SHELLS, so the fallbacks below are
     * belt and braces rather than the mechanism. ejs.css supplies them on the
     * two app shells. The sign-in page still does not load ejs.css -- that is a
     * standing decision, not an oversight -- so public/css/auth.css declares
     * --color-neutral-500 and --font-mono itself, in BOTH themes, which is what
     * makes this one shared file correct everywhere without it having to know
     * about that page.
     *
     * It used to be the fallback that carried the sign-in page, and #9aa2ab is
     * what applied there: a fixed light-mode grey, on a page that now has a dark
     * ground. The stamp followed the theme on every page except the one a
     * locked-out operator is looking at.
     */
    color: var(--color-neutral-500, #9aa2ab);
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
}

/*
 * Not on paper. Unlike the sibling apps, reference pages here are printed and
 * pinned to a wall, and a position: fixed element is repeated on every printed
 * page by some browsers and lands on top of whatever is underneath it. The
 * printed provenance line already lives in .app-footer__print, which is in the
 * flow and cannot collide with anything.
 */
@media print {
    .build-stamp {
        display: none;
    }
}