.ts-dropdown .ts-option .ts-option-row {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
}

/* Icon box */
.ts-option-icon {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Prevent Bootstrap's .img-fluid or global img rules from stretching */
.ts-option-icon img.ts-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
    display: block;
}

/* Fallback SVG pin */
.ts-option-icon .ts-pin {
    width: 20px;
    height: 20px;
    fill: currentColor;
    opacity: .6;
}

.ts-option-body {
    min-width: 0; /* enables ellipsis */
}

.ts-title {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ts-secondary {
    font-size: .875em;
    opacity: .75;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Selected chip */
.ts-chip { display: inline-flex; align-items: center; gap: .25rem; }
.ts-chip-title { font-weight: 600; }
.ts-chip-secondary { opacity: .7; font-size: .9em; }

/* ----------------------------------------------------------------------------
   Tom Select Cursor Fix
   ---------------------------------------------------------------------------- */

/* Fix cursor to show text cursor when hovering over single-select input */
.ts-wrapper.single .ts-control,
.ts-wrapper.single.input-active .ts-control,
.ts-wrapper.single .ts-control input {
    cursor: text !important;
}