/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.tabulator-cell.tabulator-editing {
    background-color: lightgray !important; /* Blue background */
}

    .tabulator-cell.tabulator-editing input {
        color: black !important; /* White text */
        background: transparent !important;
    }

.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
    cursor: not-allowed;
}

.plugin-dropdown_input.focus .ts-dropdown .dropdown-input {
    color: black !important;
}

.dropdown-menu {
    max-height: 50vh;
    overflow-y: auto;
}

.dropdown-item.active, .dropdown-item:active {
    color: black !important;
    background-color: lightgray !important;
}

/* Default: collapsed → show plus */
.btn-tool.collapsed .bi-plus-lg {
    display: inline-block;
}

.btn-tool.collapsed .bi-dash-lg {
    display: none;
}

/* Expanded → show minus */
.btn-tool:not(.collapsed) .bi-plus-lg {
    display: none;
}

.btn-tool:not(.collapsed) .bi-dash-lg {
    display: inline-block;
}


.tabulator .tabulator-footer .tabulator-page {
    color: black !important;
}

/* Prevent multiline in the selected item */
.ts-control {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Apply Bootstrap small padding to TomSelect */
.ts-wrapper.form-control-sm .ts-control {
    padding: .25rem .5rem; /* same as Bootstrap .form-control-sm */
    font-size: .875rem; /* small font size */
    line-height: 1.5;
    border-radius: .2rem; /* matches Bootstrap small radius */
}

.form-control:focus {
    box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.13rem rgba(13, 110, 253, 0.25) !important;
}