/* Pool Search UI 样式 */

/* 容器：使用 Flexbox 布局 */
.pool-search-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px;
    background-color: var(--bg-card);
    border-radius: 8px;
    box-shadow: 0 2px 4px var(--shadow-card);
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
}

/* 单个输入项 */
.pool-input-item {
    display: flex;
    flex-direction: column;
    flex: 1 1 200px; /* 最小宽度 200px，自动伸缩 */
    min-width: 150px;
}

/* Label 样式 */
.pool-input-item label {
    font-size: 0.85rem;
    color: var(--text-label);
    margin-bottom: 4px;
    font-weight: 500;
}

/* Input/Select 样式 */
.pool-input-item input,
.pool-input-item select {
    padding: 8px 12px;
    border: 1px solid var(--border-input);
    border-radius: 4px;
    background-color: var(--bg-input);
    color: var(--text-main);
    font-size: 0.95rem;
    transition: border-color 0.2s, box-shadow 0.2s;
    width: 100%;
    box-sizing: border-box; /* 确保 padding 不撑大宽度 */
}

.pool-input-item input:focus,
.pool-input-item select:focus {
    border-color: var(--accent-color);
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

/* 特殊：Category 下拉框 */
#pool-category-select {
    cursor: pointer;
}

/* 响应式调整：在小屏幕下占满一行 */
@media (max-width: 600px) {
    .pool-input-item {
        flex: 1 1 100%; /* 强制换行 */
    }
}