/* The app's build number in the sidebar - the sidebar half of
 * client/js/version-footer.js. The home bar's half needs no rules of its
 * own; it reuses `.home-bar__version` from client/css/home-bar.css and
 * `.version` from styles.css exactly as it did before this file existed.
 *
 * THE CENTRE COLUMN OF THE DRAWER'S BOTTOM BAR. Subtle ink and small
 * type, and NO HAIRLINE ABOVE IT: the bar's own top border already
 * separates it from the list, and the owner had the second, shorter rule
 * over the number removed on 2026-09-23.
 * It IS a link now - the owner asked for the version to open that
 * release's notes - but it is styled as the quiet fact it was, because
 * a blue underlined link at the foot of a sidebar would read as a
 * control rather than as a build number.
 *
 * Loaded from client/index.html (the legend's own stylesheet used to
 * load just before it and was removed on 2026-09-22), whose
 * footer treatment this matches.
 */

.version-footer {
    margin: var(--oc-space-1) var(--oc-space-1) 2px var(--oc-space-1);
    text-align: center;
    /* The bar shows the short form (v1.12.21), which never truncates; the
     * anchor's `title` carries the full build string. */
    min-width: 0;
    overflow: hidden;
}

/* UNLAYERED ON PURPOSE (tests/python/design_system/test_drawer_scale.py):
 * this size must beat the unlayered `.version { font-size }` in styles.css,
 * and a layered rule loses to any unlayered one whatever the specificity. It
 * joins `@layer components` when that rule is layered.
 *
 * Sizing only. Colour and weight stay on the shared `.version` class in
 * styles.css - this file must never repaint the text `.home-bar__version`
 * paints, or the two placements could show one string in two colours. */
.version-footer .version {
    display: block;
    font-size: 0.68em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* THE LINK CARRIES NO COLOUR OF ITS OWN. `.version` in styles.css paints
 * the text, and this anchor must not repaint it, or the sidebar and the
 * home bar would show one string in two colours - the exact thing this
 * file's header forbids. The affordance is the underline on hover and
 * on keyboard focus, which appears only when a reader is actually
 * pointing at it. */
.version-footer__link {
    display: block;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

.version-footer__link:hover .version,
.version-footer__link:focus-visible .version {
    text-decoration: underline;
}