/* Generic clear (x) button for text-like inputs across the app — same visual language as
   .tabulator-toolbar-search .toolbar-search-clear (see tabulator-theme.css), generalized to
   any eligible input by input-clear.js. Icons live in a fixed-position overlay layer so no
   existing markup/layout (flex rows, grids, form-control width:100%) needs to change. */
.ic-clear-btn {
    display: none;
    position: fixed;
    z-index: 2000;
    align-items: center;
    justify-content: center;
    width: 1.6em;
    height: 1.6em;
    color: var(--clr-muted, #98a2b3);
    cursor: pointer;
    font-size: 13px;
    background: transparent;
}

.ic-clear-btn:hover {
    color: var(--clr-primary-2, #0d6efd);
}

.ic-clear-btn.ic-visible {
    display: flex;
}

/* Reserves room so typed text doesn't run under the icon. box-sizing: border-box (global
   Bootstrap reset) means this never changes the input's outer width/flex sizing. */
input.ic-has-value {
    padding-right: 2.2em !important;
}