/* PPLNS / SOLO reward-mode switch inside the nav rail. network.js points each
   entry at the same page in the other mode and marks the active one with
   aria-current; the heading only shows while the rail is expanded. */
.nav-rail-heading {
    padding: 6px 14px 2px;
    font-size: 0.5em;
    letter-spacing: 0.14em;
    color: var(--muted, #8f8d88);
    opacity: 0;
    transition: opacity 0.2s ease 0.1s;
    white-space: nowrap;
}
.nav-rail:hover .nav-rail-heading {
    opacity: 1;
}
.nav-rail-mode,
.nav-rail-mode .nav-rail-icon {
    color: var(--muted, #8f8d88);
}
.nav-rail-mode:hover,
.nav-rail-mode:hover .nav-rail-icon {
    color: var(--text-color, #e8e6e0);
}
.nav-rail-mode[aria-current="page"],
.nav-rail-mode[aria-current="page"] .nav-rail-icon {
    color: var(--accent-color, #ff6b35);
}
.nav-rail-mode[aria-current="page"] .nav-rail-icon {
    filter: drop-shadow(0 0 6px rgba(255, 107, 53, 0.55));
}
.nav-rail-mode[aria-current="page"] .nav-rail-label::after {
    content: "ACTIVE";
    margin-left: 10px;
    font-size: 0.7em;
    letter-spacing: 0.12em;
    opacity: 0.75;
}