/* Icônes de menu modernes : pictogrammes au trait (SVG en masque, couleur = currentColor)
   dans une pastille arrondie. Sélecteurs limités aux menus Plus et Outils. */
.menu-page-content .item .mi,
.menu-page-content .item-icon-left .icon.mi {
  position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
  display: flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; margin: 0; padding: 0;
  border-radius: 11px; background: #e2f2f0; color: #2b7f7a; font-size: 0; line-height: 1;
}
.menu-page-content .item .icon.mi::before, .menu-page-content .item .mi::before {
  content: ""; display: block; width: 22px !important; height: 22px; min-width: 22px; font-size: 0; background: currentColor;
  -webkit-mask: var(--mi) center / contain no-repeat; mask: var(--mi) center / contain no-repeat;
}
.menu-page-content .item-icon-left { padding-left: 66px; }
.menu-page-content .item { min-height: 60px; }
.menu-page-content .item-icon-right .icon.ion-ios-arrow-right { color: #9aaab0; font-size: 20px; }
/* Outils réservés au propriétaire : pastille ambre pour les distinguer. */
.menu-page-content .item .mi.mi-owner { background: #fdf0dc; color: #9a5b00; }
.menu-page-content .item.active .mi, .menu-page-content .item.activated .mi { background: #2b7f7a; color: #fff; }
.mi-tools { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 3.5a4.5 4.5 0 0 0-4.3 5.9L3.6 17a2 2 0 0 0 2.8 2.8l7.6-7.6a4.5 4.5 0 0 0 5.9-4.3l-2.6 2.6-2.6-.6-.6-2.6z'/%3E%3C/svg%3E"); }
.mi-search { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E"); }
.mi-team { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.5' r='3.2'/%3E%3Cpath d='M3.5 19a5.5 5.5 0 0 1 11 0'/%3E%3Cpath d='M15.5 5.6a3.2 3.2 0 0 1 0 6'/%3E%3Cpath d='M17.5 14.2A5.5 5.5 0 0 1 20.5 19'/%3E%3C/svg%3E"); }
.mi-key { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='m10.9 12.1 8.6-8.6M16.5 6.5l2.5 2.5M14 9l2 2'/%3E%3C/svg%3E"); }
.mi-home { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5 12 4l8 6.5V19a1 1 0 0 1-1 1h-4.5v-5.5h-5V20H5a1 1 0 0 1-1-1z'/%3E%3C/svg%3E"); }
.mi-calendar-plus { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='2.5'/%3E%3Cpath d='M8 3v4M16 3v4M3.5 10h17M12 13v5M9.5 15.5h5'/%3E%3C/svg%3E"); }
.mi-checklist { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6.5 1.5 1.5L8.5 5M4 12.5 5.5 14l3-3M4 18.5 5.5 20l3-3M12 7h8M12 13h8M12 19h8'/%3E%3C/svg%3E"); }
.mi-user { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.5' r='4'/%3E%3Cpath d='M4.5 20a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E"); }
.mi-globe { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.5 12h17M12 3.5c2.4 2.4 3.6 5.2 3.6 8.5s-1.2 6.1-3.6 8.5c-2.4-2.4-3.6-5.2-3.6-8.5S9.6 5.9 12 3.5z'/%3E%3C/svg%3E"); }
.mi-chat { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a7.5 7.5 0 0 1-11 6.6L4 20l1.4-4.6A7.5 7.5 0 1 1 20 12z'/%3E%3C/svg%3E"); }
.mi-sync { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 9A8 8 0 0 0 5.2 7.2L4 8.5M4 4v4.5h4.5M4.5 15a8 8 0 0 0 14.3 1.8L20 15.5M20 20v-4.5h-4.5'/%3E%3C/svg%3E"); }
.mi-cash { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2.5'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3Cpath d='M6.5 9.5v5M17.5 9.5v5'/%3E%3C/svg%3E"); }
.mi-laptop { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='14' height='10' rx='1.5'/%3E%3Cpath d='M2.5 18.5h19'/%3E%3C/svg%3E"); }
.mi-reply { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11.5a7 7 0 0 1-10.3 6.2L5 19l1.3-4.2A7 7 0 1 1 20 11.5z'/%3E%3Cpath d='m9 11.5 2 2 4-4'/%3E%3C/svg%3E"); }
.mi-sms { --mi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.5' y='2.5' width='11' height='19' rx='2.5'/%3E%3Cpath d='M10.5 18.5h3M9.5 8h5M9.5 11h3.5'/%3E%3C/svg%3E"); }
