p.error {
    color: var(--vz-danger);
    margin-bottom: 0px;
    font-size: 80%;
}

/* Sidebar: current section marked orange.
   The .active class is set server-side by menuActive() in navigation.latte —
   Velzon's app.js active-detection does not fire for this app's rooted URLs.
   Kept here (always loaded) so it works independently of brand.css. */
.navbar-menu .navbar-nav > .nav-item > .nav-link.active,
#navbar-nav > .nav-item > .nav-link.active {
    color: #F0901A !important;
    background-color: rgba(240, 144, 26, 0.10);
    font-weight: 600;
    box-shadow: inset 3px 0 0 #F0901A;
    border-radius: 4px;
}
.navbar-menu .navbar-nav > .nav-item > .nav-link.active .icon-dual,
#navbar-nav > .nav-item > .nav-link.active .icon-dual,
.navbar-menu .navbar-nav > .nav-item > .nav-link.active i,
#navbar-nav > .nav-item > .nav-link.active svg {
    color: #F0901A !important;
    stroke: #F0901A !important;
    fill: rgba(240, 144, 26, 0.16) !important;
}