/* ══ PHOSPHOR ICONS (regular / duotone) ══
   Icons are inline SVG with filled paths, so they take their colour from `color`
   (currentColor). This layer overrides the stroke-based rules used by the old icon set.
   Phosphor Icons — MIT licence — https://phosphoricons.com */
svg.ph {
    fill: currentColor !important;
    stroke: none !important;
    flex-shrink: 0;
}

svg.ph *,
svg.ph path {
    fill: currentColor !important;
    stroke: none !important;
}

/* Sidebar: the active item swaps to the duotone weight */
.ph-d {
    display: none;
}

.nav-item.active .ph-d {
    display: inline;
}

.nav-item.active .ph-r {
    display: none;
}