/* <Navbar /> — lm-navbar-* convention. v5 geometry preserved: a 44px bar
   pinned to the bottom of its positioned ancestor. The v5 stylesheet
   targeted .title/.icon while the template rendered lm-title/lm-icon —
   those rules never applied; this port applies their intent under the
   correct names. */
.lm-navbar-container {
    padding: 0 12px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    /* link | TRUE-CENTERED title | link — equal 1fr side columns keep the
       title centered whatever the link widths. (The v5 geometry put a
       90%-wide absolute title over fixed 24px icon cells: wide labels
       overflowed the cell, clipped at the frame edge, under the title.) */
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 8px;
    align-items: center;
}

.lm-navbar-container div {
    line-height: 24px;
}

.lm-navbar-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    text-align: center;
}

.lm-navbar-icon:first-child {
    justify-self: start;
}

.lm-navbar-icon:last-child {
    justify-self: end;
}

.lm-navbar-icon a {
    color: var(--lm-active-color, #2563eb);
    text-decoration: none;
    display: block;
    white-space: nowrap;
}