/*1. form-control */
tags.tagify.form-control {
    height: auto !important;           /* Tinggi mengikuti isi */
    min-height: calc(1.5em + 0.5rem + 2px); /* Tinggi minimal standar input-sm (sekitar 31px) */
    padding: 0.25rem 0.5rem !important;/* Samakan dengan padding form-control-sm */
    font-size: 0.875rem !important;     /* Samakan dengan font-size form-control-sm */
    line-height: 1.15;        
	height:1.15;           /* Samakan line-height */
    display: flex;
    align-items: center;                /* Pusatkan konten secara vertikal */
    flex-wrap: wrap;
}

tags.tagify.form-control::before {
    line-height: 1.5;          /* sesuaikan dengan height container */
    top: 50%;
    transform: translateY(-50%);
}

/* 2. Atur Area Input (tempat ngetik) agar tidak memakan banyak ruang */
tags.tagify.form-control .tagify__input {
    margin: 0 !important;               /* Hilangkan margin bawaan */
    padding: 0 !important;              /* Hilangkan padding bawaan */
    line-height: inherit;
    height: auto;
    font-size: inherit;
    min-width: 50px;                    /* Lebar minimal agar bisa ngetik */
}

/* 3. Atur Tag (Chip) agar tipis dan kecil */
tags.tagify.form-control tag {
    margin: 2px 2px 0 0 !important;     /* Jarak antar tag tipis */
    padding: 0 7px !important;          /* Padding tag kecil */
    height: auto !important;
    font-size: 0.75rem !important;      /* Font tag lebih kecil */
    line-height: 1.2 !important;        /* Line height tag rapet */
    border-radius: 2px;                 /* Sudut tumpul sedikit */
    background: #e9ecef;                /* Warna background mirip input */
    color: #333;
}

/* 4. Atur tombol close (x) pada tag agar seimbang */
tags.tagify.form-control tag .tagify__tag__removeBtn {
    font-size: 0.8rem !important;
    width: auto;
    height: auto;
    padding: 0 0 0 4px;
    line-height: inherit;
}

/* 1. Perkecil Text Tag (nilai "sadsa") */
tags.tagify.form-control tag .tagify__tag-text {
    font-size: 0.7rem !important; /* Ukuran font kecil (12px) */
    line-height: 1.2 !important;   /* Spasi baris rapat */
    padding: 0 !important;
}

/* 2. Perkecil Container Tag (Kotak pembungkus text) */
tags.tagify.form-control tag {
    padding: 0px !important;   /* Padding tipis (atas/bawah 2px, kiri/kanan 5px) */
    margin: 2px 2px 0 0 !important;/* Jarak antar tag */
    height: auto !important;       /* Tinggi mengikuti isi */
    vertical-align: middle;
}

/* 3. Perkecil Tombol Close (x) agar seimbang */
tags.tagify.form-control tag .tagify__tag__removeBtn {
    font-size: 0.7rem !important;  /* Ukuran tombol X */
    width: auto;
    height: auto;
    padding: 0 0 0 4px;
    line-height: 1;
}

/* 4. Pastikan Container Utama Tagify tetap ramping */
tags.tagify.form-control {
    height: auto !important;
    min-height: calc(1.5em + 0.5rem + 2px); /* Tinggi standar input-sm */
    padding: 0.25rem 0.5rem !important;
    font-size: 0.875rem !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/* 5. Atur warna border fokus agar konsisten dengan Bootstrap */
tags.tagify.form-control.tagify--focus {
    border-color: #80bdff !important;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
    outline: none;
}