/**
 * CloudMail icon assignments.
 *
 * Application destinations use original CloudMail artwork. Utility actions
 * use the locally vendored Lucide subset and inherit currentColor.
 */

#taskmenu a.compose {
  --cm-app-icon: url("../assets/icons/app/compose.svg");
}

#taskmenu a.mail {
  --cm-app-icon: url("../assets/icons/app/mail.svg");
}

#taskmenu a.contacts {
  --cm-app-icon: url("../assets/icons/app/contacts.svg");
}

#taskmenu a.calendar {
  --cm-app-icon: url("../assets/icons/app/agenda.svg");
}

#taskmenu .cm-agenda-preview {
  --cm-app-icon: url("../assets/icons/app/agenda.svg");
}

#taskmenu a.settings {
  --cm-app-icon: url("../assets/icons/app/settings.svg");
}

/* Owner-selected A / Azul ardosia. Neutral originals remain for dark/rollback. */
@media screen and (min-width: 481px) {
  html:not(.dark-mode) #taskmenu a.compose { --cm-app-icon: url("../assets/icons/app/slate/compose.svg"); }
  html:not(.dark-mode) #taskmenu a.mail { --cm-app-icon: url("../assets/icons/app/slate/mail.svg"); }
  html:not(.dark-mode) #taskmenu a.contacts { --cm-app-icon: url("../assets/icons/app/slate/contacts.svg"); }
  html:not(.dark-mode) #taskmenu :is(a.calendar, .cm-agenda-preview) { --cm-app-icon: url("../assets/icons/app/slate/agenda.svg"); }
  html:not(.dark-mode) #taskmenu a.settings { --cm-app-icon: url("../assets/icons/app/slate/settings.svg"); }
}

#taskmenu a.theme.dark {
  --cm-ui-icon: url("../assets/icons/ui/lucide/regular/moon.svg");
}

#taskmenu a.theme.light {
  --cm-ui-icon: url("../assets/icons/ui/lucide/regular/sun.svg");
}

#taskmenu a.about,
#taskmenu a.help {
  --cm-ui-icon: url("../assets/icons/ui/lucide/regular/circle-help.svg");
}

#taskmenu a.logout {
  --cm-ui-icon: url("../assets/icons/ui/lucide/regular/log-out.svg");
}

@media screen and (min-width: 481px) {
  #taskmenu a:is(.compose, .mail, .contacts, .calendar, .settings)::before,
  #taskmenu .cm-agenda-preview::before {
    display: block;
    width: var(--cm-rail-icon-size) !important;
    height: var(--cm-rail-icon-size) !important;
    margin: 0 auto !important;
    content: "" !important;
    background: var(--cm-app-icon) center / contain no-repeat;
    font-family: inherit !important;
    line-height: 1 !important;
  }

  #taskmenu a:is(.theme, .about, .help, .logout)::before {
    display: block;
    width: var(--cm-rail-utility-icon-size) !important;
    height: var(--cm-rail-utility-icon-size) !important;
    margin: 0 auto !important;
    content: "" !important;
    background-color: currentColor;
    -webkit-mask: var(--cm-ui-icon) center / contain no-repeat;
    mask: var(--cm-ui-icon) center / contain no-repeat;
    font-family: inherit !important;
    line-height: 1 !important;
  }
}