﻿/* ===============================
   SYNCFUSION MULTISELECT – SINGLE CHIP
   =============================== */

/* Base container */
.e-multiselect {
    min-height: 10px;
    border-radius: 10px;
    font-family: "Poppins", sans-serif;
}

    /* Input wrapper */
    .e-multiselect.e-input-group {
        padding: 4px 8px;
    }

    /* Hide remove (X) icon */
    .e-multiselect .e-chips-close {
        display: none !important;
    }

    /* Chip container */
    .e-multiselect .e-chips {
        background-color: #eaf6ef; /* soft green */
        border-radius: 999px;
        padding: 4px 12px;
        display: inline-flex;
        align-items: center;
        margin: 2px;
    }

        /* Chip TEXT ONLY */
        .e-multiselect .e-chips .e-chipcontent {
            font-family: "Poppins", sans-serif;
            font-size: 13px;
            font-weight: 500;
            color: #32893b; /* Ovialand green */
            line-height: 1.2;
        }

    /* Input text when typing */
    .e-multiselect input.e-input {
        font-family: "Poppins", sans-serif;
        font-size: 13px;
        font-weight: 400;
        color: #1f2933;
    }

    /* Placeholder text */
    .e-multiselect .e-input::placeholder {
        font-family: "Poppins", sans-serif;
        font-size: 13px;
        color: #9ca3af;
    }

/* Dropdown list text only */
.e-popup .e-list-item {
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    color: #1f2933;
}

    /* Hover state (list item) */
    .e-popup .e-list-item:hover {
        background-color: #f1faf5;
    }

    /* Selected list item */
    .e-popup .e-list-item.e-active {
        background-color: #eaf6ef;
        color: #32893b;
        font-weight: 500;
    }

  