/* Shared SVG mask icon system (Index-style colored icons) */
.gm-icon {
    position: relative; /* required for ::before positioning */
}

    .gm-icon::before {
        content: "";
        position: absolute;
        inset: 12px;
        background-color: currentColor; 

        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
    }


/* Flip utility (for Transfer IN) */
.gm-icon--flip::before {
    transform: scaleX(-1);
    transform-origin: center;
}

/* Workflow masks */
.gm-icon--delivery::before {
    -webkit-mask-image: url('/assets/icons/delivery.svg');
    mask-image: url('/assets/icons/delivery.svg');
}

.gm-icon--shipment::before {
    -webkit-mask-image: url('/assets/icons/shipment.svg');
    mask-image: url('/assets/icons/shipment.svg');
}

.gm-icon--transfer::before {
    -webkit-mask-image: url('/assets/icons/transfer.svg');
    mask-image: url('/assets/icons/transfer.svg');
}


.gm-icon--cancel::before {
    -webkit-mask-image: url('/assets/icons/cancel.svg');
    mask-image: url('/assets/icons/cancel.svg');
}