/* Admin nav icons for the Payments menu.
   TheAdmin renders a reserved icon slot <span class="icon icon-none"> inside each
   menu link (the link carries the item class). We paint that slot with mask-image
   + currentColor (theme-aware, no Font Awesome dependency, exact native position). */
a.payments-admin-menu > .icon,
a.payments-menu-history > .icon,
a.payments-menu-settings > .icon {
    /* Inherit TheAdmin's native .icon column (display:block; width:48px; padding:0 5px).
       Only paint it — never override the box, or it misaligns vs native items.
       aspect-ratio gives the empty .icon-none span its height (native: auto = 0). */
    aspect-ratio: 1 / 1;
    background-color: currentColor !important;
    -webkit-mask: var(--pmi) center / 1.25em no-repeat;
    mask: var(--pmi) center / 1.25em no-repeat;
}

/* credit-card */
a.payments-admin-menu > .icon {
    --pmi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v2H2V6zM2 11v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-7H2z'/%3E%3C/svg%3E");
}

/* clock-rotate-left / history */
a.payments-menu-history > .icon {
    --pmi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 3a9 9 0 1 0 8.94 10.5h-2.04A7 7 0 1 1 13 5v4l5-5-5-5v4z'/%3E%3Cpath d='M12 8h1.5v4.2l3.3 1.96-.75 1.24L12 13V8z'/%3E%3C/svg%3E");
}

/* gear / settings */
a.payments-menu-settings > .icon {
    --pmi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm0 2.2a1.8 1.8 0 1 1 0 3.6 1.8 1.8 0 0 1 0-3.6z'/%3E%3Cpath d='M19.4 13c.04-.33.06-.66.06-1s-.02-.67-.06-1l2-1.6-2-3.46-2.36 1a7 7 0 0 0-1.72-1L15 2.4h-4l-.32 2.54a7 7 0 0 0-1.72 1l-2.36-1-2 3.46L4.6 11c-.04.33-.06.66-.06 1s.02.67.06 1l-2 1.6 2 3.46 2.36-1a7 7 0 0 0 1.72 1L11 21.6h4l.32-2.54a7 7 0 0 0 1.72-1l2.36 1 2-3.46L19.4 13z'/%3E%3C/svg%3E");
}