﻿input[type="checkbox"] {
    accent-color: #008349;
}
    input[type="checkbox"]:focus {
        outline: 2px solid #006c3a; 
        outline-offset: 2px;
    }
.ts-wrapper.single .ts-control {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
}


.ts-wrapper.single .ts-control:focus-within {
    @apply outline-none ring-2 ring-[#008349]/60 border-transparent;
}

.ts-wrapper.single.focus .ts-control {
    @apply ring-0 outline-none;
}

.ts-wrapper .item.placeholder {
    @apply text-slate-400;
}

.ts-dropdown {
    @apply rounded-lg border border-slate-200 shadow-lg overflow-hidden;
}
.ts-dropdown .option {
    @apply cursor-pointer;
}

        .ts-dropdown .option.active {
            @apply bg-emerald-50;
        }
.ts-control input {
    @apply leading-6;
}
.ts-wrapper.single.focus .ts-control {
    border: none !important;
    box-shadow: none !important;
}
.ts-dropdown {
    @apply mt-1 rounded-lg border border-slate-200 shadow-lg bg-white;
}

    .ts-dropdown .option {
        @apply px-3 py-2 cursor-pointer;
    }

        .ts-dropdown .option.active {
            @apply bg-emerald-50;
        }
