.app-footer {
    background-color: rgb(26, 58, 83) !important;
    border-top: 1px solid #8b96a5;
}

.footer-label {
    color: #d9a520;
    letter-spacing: .04em;
}

.footer-strong {
    color: #d9a520;
}

.footer-muted {
    color: #8b96a5;
}

/* Footer now sits in normal document flow at the end of the flex column
   (see .app-container in optms.sidenav.css), so it naturally sticks to the
   bottom of the PAGE on tall content and the bottom of the VIEWPORT on
   short content — no fixed positioning and no content padding-bottom
   offset needed anymore. */