/**
 * 筛选器文本输入框样式修复
 * 解决收付人和内容搜索框在激活状态下显示黑色文字和蓝色背景的问题
 */

/* 重置收付人和内容搜索框的激活状态样式 */
#paymentPerson.filter-active,
#contentSearch.filter-active,
.filter-section #paymentPerson.filter-active,
.filter-section #contentSearch.filter-active,
.filter-section form#filterForm #paymentPerson.filter-active,
.filter-section form#filterForm #contentSearch.filter-active {
    /* 使用与其他筛选器一致的样式 */
    color: #0d6efd !important;
    font-weight: 500 !important;
    background-color: #fff !important;
    border-color: #86b7fe !important;
}

/* 确保输入框在激活状态下不会有蓝色背景 */
#paymentPerson:focus,
#contentSearch:focus,
#paymentPerson.filter-active:focus,
#contentSearch.filter-active:focus {
    background-color: #fff !important;
    color: #0d6efd !important;
    font-weight: 500 !important;
}

/* 确保输入框在hover状态下不会有蓝色背景 */
#paymentPerson:hover,
#contentSearch:hover,
#paymentPerson.filter-active:hover,
#contentSearch.filter-active:hover {
    background-color: #fff !important;
}

/* 确保输入框在激活状态下的文字颜色始终为蓝色 */
#paymentPerson.filter-active::placeholder,
#contentSearch.filter-active::placeholder {
    color: #6c757d !important;
    opacity: 0.7 !important;
}

/* 修复可能的浏览器特定样式问题 */
#paymentPerson:-webkit-autofill,
#contentSearch:-webkit-autofill,
#paymentPerson.filter-active:-webkit-autofill,
#contentSearch.filter-active:-webkit-autofill {
    -webkit-text-fill-color: #0d6efd !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* 确保重置后的样式正确 */
#paymentPerson:not(.filter-active),
#contentSearch:not(.filter-active) {
    color: #6c757d !important;
    font-weight: 400 !important;
    background-color: #fff !important;
}