/* Status dropdowns enhanced with TomSelect. Every rule is scoped to our selects via the
   status-ts* marker classes (added in JS), so nothing leaks into other forms. */

.ts-wrapper.status-ts {
    display: inline-block;
    width: auto !important;
    min-width: 160px;
    max-width: 100%;
    vertical-align: middle;
}

.ts-wrapper.status-ts .ts-control {
    min-height: 30px;
    padding: 3px 8px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0;
}

.ts-wrapper.status-ts .ts-control,
.ts-wrapper.status-ts .ts-control input {
    margin: 0;
}

/* edit page – select[name="status"] */
.ts-wrapper.status-ts-edit .ts-control {
    width: 180px;
    top: -3px;
    left: -11px;
}

/* quick status change on the issue detail – select[name="new_status"] */
.ts-wrapper.status-ts-quick {
    position: relative;
    top: -4px;
    left: 0;
    width: 190px!important;
}

/* hide the duplicate core status square next to the editable status field (update page) */
.bug-status:has(.ts-wrapper) > .fa-status-box {
    display: none;
}