/* Iconos duotono Phosphor del left menu y navbar (Klienz).
   Phosphor duotone dibuja 2 capas (:before secundaria al 20% + :after primaria),
   ambas en currentColor → basta setear `color` para el efecto duotono. */

.sidebar-menu .ph-duotone,
#default-navbar .ph-duotone,
.navbar-custom .ph-duotone {
    display: inline-block;
    font-size: 21px;
    line-height: 1;
    color: #7a6ff0;            /* púrpura de marca, legible en tema claro y oscuro */
    vertical-align: middle;
    width: auto !important;
    height: auto !important;
}

/* Submenú: un punto más chico que el principal */
.sidebar-menu ul .ph-duotone { font-size: 18px; }

/* Variantes usadas en dropdowns del navbar */
.ph-duotone.icon-16 { font-size: 16px; }
.ph-duotone.icon-14 { font-size: 14px; }

/* Las dos capas heredan el color del <i> */
.sidebar-menu .ph-duotone:before, .sidebar-menu .ph-duotone:after,
.navbar-custom .ph-duotone:before, .navbar-custom .ph-duotone:after { color: inherit; }