/* Element icons - applies CSS filter to transform black to theme color */
.onebio-element-img {
    width: 20px !important;
    height: 20px !important;
    /* CSS filter to transform black (#000000) to theme color #A4DA21 */
    filter: invert(79%) sepia(27%) saturate(1817%) hue-rotate(32deg) brightness(96%) contrast(85%);
}

/* Checkmark icons for feature pills */
.onebio-checkmark-img {
    width: 16px !important;
    height: 16px !important;
    /* CSS filter to transform black (#000000) to theme color #A4DA21 */
    filter: invert(79%) sepia(27%) saturate(1817%) hue-rotate(32deg) brightness(96%) contrast(85%);
}

/* Management tool icons */
.management-icon-img {
    width: 20px !important;
    height: 20px !important;
    /* CSS filter to transform black (#000000) to theme color #A4DA21 */
    filter: invert(79%) sepia(27%) saturate(1817%) hue-rotate(32deg) brightness(96%) contrast(85%);
}

/* Persona icons (slightly larger) */
.persona-icon-img {
    width: 24px !important;
    height: 24px !important;
    /* CSS filter to transform black (#000000) to theme color #A4DA21 */
    filter: invert(79%) sepia(27%) saturate(1817%) hue-rotate(32deg) brightness(96%) contrast(85%);
}

/* Hero badge icon (small 16px) */
.hero-icon-img {
    width: 16px !important;
    height: 16px !important;
    /* CSS filter to transform black (#000000) to theme color #A4DA21 */
    filter: invert(79%) sepia(27%) saturate(1817%) hue-rotate(32deg) brightness(96%) contrast(85%);
}