/*
 * Shared search/filter input layout.
 * Styling comes from the design-system .td-input primitive (loaded through
 * search-suggest.css on legacy shells and topdata-ui-kit.css on modern pages).
 */
.t2-search-control {
    width: 100%;
    flex: 1 1 auto;
}

.t2-search-control--sm {
    max-width: 18rem;
}

.t2-search-control--md {
    max-width: 24rem;
}

/* Trailing clear button (wired by /js/t2-search-input.js). */
.t2-search-control__clear {
    background: transparent;
    border: 0;
    color: var(--td-color-fg-dim);
    cursor: pointer;
    font-size: 1em;
    line-height: 1;
    padding: 0;
}

.t2-search-control__clear[hidden] {
    display: none;
}

.t2-search-control__clear:hover {
    color: var(--td-color-fg);
}

.t2-search-control__clear:focus-visible {
    outline: 2px solid var(--td-color-focus);
    outline-offset: 2px;
}