/* ── Mobile: prevent btn-scroll-top from covering bottom content ── */
@media (max-width: 767.98px) {
    .app-content {
        padding-bottom: 70px !important;
    }
}

/* ── Mobile: prevent header from wrapping to 2 lines (icons overlap content) ── */
#header.app-header {
    flex-wrap: nowrap !important;
}
@media (max-width: 575.98px) {
    #header .menu-link {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}

/* ── Header nav icons: subtle colour tints ── */
#header .menu-link .fa-cog               { color: #6c757d; }
#header .menu-link .fa-user-circle       { color: #0d6efd; }
#header .menu-link .fa-right-to-bracket  { color: #0d6efd; }
#header .menu-link .fa-arrow-left        { color: #6c757d; }
#header .menu-link .fa-clock-rotate-left { color: #6c757d; }

/* ── Header: recent-visits icon group — single rounded perimeter border, no inner dividers ── */
#recentVisitsBar {
    border: 1px solid var(--bs-border-color);
    border-radius: .5rem !important;
    overflow: hidden;
}
#recentVisitsBar .btn {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent;
    color: var(--bs-body-color);
}
#recentVisitsBar .btn:hover,
#recentVisitsBar .btn:focus {
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-emphasis-color);
}