/* ============================================================
 * table-filter.css
 * Styling for the per-column filter row injected by
 * static/js/table-filter.js into any <table class="filterable">.
 * ============================================================ */
.table-filter-row th {
    padding: 0.25rem 0.5rem;
    background: #f8f9fa;
    border-top: 0;
}

.table-filter-input {
    width: 100%;
    font-size: 0.85rem;
    font-weight: normal;
    padding: 0.2rem 0.45rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.table-filter-input:focus {
    outline: none;
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.2);
}